x
1
2
3
4
5
6
7
<div> <p>There should be no horizontal overflow and scrollbar caused by tooltip (assuming there is at least 1px of padding to the right of where the associated control is placed).</p> <div style="float: right;"> <button id="some-button">Button with tooltip positioned to right of the page</button> <tool-tip id="tooltip-81dbc7fd-21d3-45c8-a25b-3baa379b83fa" for="some-button" popover="manual" data-direction="s" data-type="description" data-view-component="true" class="sr-only position-absolute">A tooltip with very very very very long description that is not very concise...</tool-tip> </div></div>1
2
3
4
5
6
7
<div> <p>There should be no horizontal overflow and scrollbar caused by tooltip (assuming there is at least 1px of padding to the right of where the associated control is placed).</p> <div style="float: right;"> <button id="some-button">Button with tooltip positioned to right of the page</button> <%= render(Primer::Alpha::Tooltip.new(for_id: "some-button", type: type, text: tooltip_text, direction: direction)) %> </div></div>No notes provided.
| Param | Description | Input |
|---|---|---|
|
— |
|
|
|
— |
|
No assets to display.