You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Describe the bug
I am creating a "top" tooltip for a button that is positioned near the right-edge of the screen. If the tooltip is "too wide", the width of the screen will increase to accommodate the width of the tooltip, thus causing a horizontal scroll bar to appear (with additional white space).
Screenshots
Here is an example of what is happening:
Expected behavior
The tooltip (and tooltip arrow) should be automatically re-positioned (offset) to fall within the screen width.
The text was updated successfully, but these errors were encountered:
hydrodeveloper
changed the title
Tooltip on element near right edge of screen not re-positioned to fall within the screen width
Tooltip on element near right-edge of screen not re-positioned to fall within the screen width
Feb 21, 2021
hydrodeveloper
changed the title
Tooltip on element near right-edge of screen not re-positioned to fall within the screen width
Tooltip on button near right-edge of screen not re-positioning to fall within the screen width
Feb 21, 2021
Describe the bug
I am creating a "top" tooltip for a button that is positioned near the right-edge of the screen. If the tooltip is "too wide", the width of the screen will increase to accommodate the width of the tooltip, thus causing a horizontal scroll bar to appear (with additional white space).
Screenshots
Here is an example of what is happening:
Expected behavior
The tooltip (and tooltip arrow) should be automatically re-positioned (offset) to fall within the screen width.
Sample Code to Reproduce Behavior
<Container Fluid="true" Class="pt-3">
..
..
..
....<Row>
........<Column ColumnSize="ColumnSize.Is3">
............<Addons>
................<Addon AddonType="AddonType.Body">
....................<TextEdit Text="Snapshots" Plaintext="true"/>
................</Addon>
................<Addon AddonType="AddonType.Body">
....................<Tooltip Placement="Placement.Top" Text="Copy Selected Snapshot to Buffer">
........................<Button>
............................<Blazorise.Icons.FontAwesome.Icon Name="FontAwesomeIcons.ArrowUp"/>
........................</Button>
....................</Tooltip>
................</Addon>
................<Addon AddonType="AddonType.End">
....................<Tooltip Placement="Placement.Top" Text="Delete Selected Snapshot">
........................<Button>
............................<Blazorise.Icons.FontAwesome.Icon Name="FontAwesomeIcons.Times"/>
........................</Button>
....................</Tooltip>
................</Addon>
................<Addon AddonType="AddonType.End">
....................<Tooltip Placement="Placement.Top" Text="Flag Selected Snapshot">
........................<Button>
............................<Blazorise.Icons.FontAwesome.Icon Name="FontAwesomeIcons.Flag"/>
........................</Button>
....................</Tooltip>
................</Addon>
............</Addons>
........</Column>
....</Row>
</Container>
The text was updated successfully, but these errors were encountered: