Fomantic-UI icon indicating copy to clipboard operation
Fomantic-UI copied to clipboard

[Popup] Misaligned positioning when parent has scrollbar

Open lubber-de opened this issue 4 years ago • 1 comments

Description

Popups which are right positioned are misaligned by the width of a possible scrollbar (or any margin of the parent element (usually body))

Testcase

The body has a scrollbar. Open the modal by clicking the button and hover over the icon to see the popup.

Broken

The popup arrow is misaligned to the right by the width of the body scrollbar https://jsfiddle.net/dutrieux/npjsc5d8/

Fixed

Arrow positioned correctly again https://jsfiddle.net/lubber/zh5xypob/

Screenshot

Broken

image

Fixed

image

Closes

#1899

lubber-de avatar Mar 19 '21 00:03 lubber-de

The behavior is not the same with pre-formatted popup : https://jsfiddle.net/dutrieux/npgdc2mw/

popup

dutrieux avatar Mar 19 '21 15:03 dutrieux