@@ -5,11 +5,11 @@ over or longpresses an element.
5
5
6
6
### Positioning
7
7
8
- The tooltip will be displayed below the element but this can be configured using the
8
+ The tooltip will be displayed below the element by default, but this can be configured using the
9
9
` matTooltipPosition ` input.
10
- The tooltip can be displayed above, below, left, or right of the element. By default the position
11
- will be below. If the tooltip should switch left/right positions in an RTL layout direction, then
12
- the positions ` before ` and ` after ` should be used instead of ` left ` and ` right ` , respectively.
10
+ The tooltip can be displayed above, below, left, or right of the element. If the tooltip should
11
+ switch left/right positions in an RTL layout direction, then the input values ` before ` and ` after `
12
+ should be used instead of ` left ` and ` right ` , respectively.
13
13
14
14
| Position | Description |
15
15
| -----------| --------------------------------------------------------------------------------------|
@@ -38,7 +38,7 @@ it will display the same as if this setting was turned off.
38
38
By default, the tooltip will be immediately shown when the user's mouse hovers over the tooltip's
39
39
trigger element and immediately hides when the user's mouse leaves.
40
40
41
- On mobile, the tooltip is displayed when the user longpresses the element and hides after a
41
+ On mobile, the tooltip displays when the user longpresses the element and hides after a
42
42
delay of 1500ms.
43
43
44
44
#### Show and hide delays
@@ -58,7 +58,7 @@ your options using the `MAT_TOOLTIP_DEFAULT_OPTIONS` injection token.
58
58
59
59
<!-- example(tooltip-modified-defaults) -->
60
60
61
- #### Manually calling show() and hide()
61
+ #### Manually showing and hiding the tooltip
62
62
63
63
To manually cause the tooltip to show or hide, you can call the ` show ` and ` hide ` directive methods,
64
64
which both accept a number in milliseconds to delay before applying the display change.
74
74
75
75
` MatTooltip ` adds an ` aria-describedby ` description that provides a reference
76
76
to a visually hidden element containing the tooltip's message. This provides screen-readers
77
- the information needed to read out the tooltip's contents when the end- user focuses on
77
+ the information needed to read out the tooltip's contents when the user focuses on
78
78
tooltip's trigger. The element referenced by ` aria-describedby ` is not the tooltip itself,
79
79
but instead an invisible copy of the tooltip content that is always present in the DOM.
80
80
0 commit comments