Fomantic-UI
Fomantic-UI copied to clipboard
Popup Positioning / Bug or Feature request
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.
: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/
hey @lubber-de , can i pick this task? Please let me know.
hey @lubber-de , can i pick this task? Please let me know.
Sure 😊