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

Popup Positioning / Bug or Feature request

Open Amerlander opened this issue 4 years ago • 3 comments

I have a Button in a Sidebar, which has a really huge html-popup. When the sidebar is scrollable there are positions where the popup cant't be displayed.

See this for an example. When the button is beside the red areas the popup do not open: https://jsfiddle.net/px91kjfc/1/

When the Popup is on top or on button of the element it can be displayed left, right or centered. When the Popup is on the side fomantic only have center as possible second position parameter.

If the element could be placed on the side, but also move up and down the popup would always find a position.

Amerlander avatar Feb 29 '20 22:02 Amerlander

:thinking: Difficult. How should we name that positioning? top right does already exist and means a different positioning. Even if we would implement something like top right center, i believe there will be still situations where even that position won't completely fit into the screen. For that reason there already exists some options to at least make sure the popup will be displayed:

lastResort: 'bottom left' will show the popup at bottom left in your red sections of your jsfiddle forcePosition: true will make sure it will always be displayed at the given positon setting

https://jsfiddle.net/lubber/p1hoa57v/

lubber-de avatar Jul 01 '20 18:07 lubber-de

hey @lubber-de , can i pick this task? Please let me know.

Nagendra88688 avatar Sep 27 '23 18:09 Nagendra88688

hey @lubber-de , can i pick this task? Please let me know.

Sure 😊

lubber-de avatar Sep 27 '23 18:09 lubber-de