Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Popup does not fit within the boundaries of the viewport

See original GitHub issue

I have a long list inside a popup and it is entirely OK for it to be outside the viewport in part. It does not make any sense to refuse to display a popup if the developer requests it to be shown.

I resolved the issue in my private fork by deleting the whole if() block in popup.js:

if( module.is.offstage(distanceFromBoundary, position) ) { ... }

There is another closed issue: https://github.com/Semantic-Org/Semantic-UI/issues/3004 on the same topic and multiple users seem to support the same approach.

Issue Analytics

State:
Created 7 years ago
Comments:6

Top GitHub Comments

2reactions

PhilLehmanncommented, Feb 8, 2017

That’s exactly what it does for me.

Description is:

Setting this to a position like, right center forces the popup to use this position as a last resort even if it is partially offstage. Setting this to true will use the last attempted position.

If it is not working for you, show us teh codez!

1reaction

stevangoldduckcommented, Mar 13, 2019

you can do a dirty way here, which is set the max-height of the ui list class to 300px for example, and the overflow-y:scroll. So it will appear just like the image below

Top Results From Across the Web

[POPUP] Popup does not fit within the boundaries of ... - GitHub

Hello, I found a dirty workaround to make it shows and resizes accordingly of the window: ... var resizePopup = function(){$('.ui.popup').css('max ...

Semantic UI full width menu dropdown - Stack Overflow

I'm trying to build a menu like this example I have tried to utilize Semantic UIs popups, but this only works for the...

Viewport Boundary Detection - Popup - Kendo UI for Angular

The property specifies the behavior of the Popup when it does not fit in the viewport. By default, the Popup fits horizontally and...

【Not Funny Error】Hi,I got a problem when using popup

【Not Funny Error】Hi,I got a problem when using popup: Popup does not fit within the boundaries of the viewport.

Semantic-UI Popup Flowing Variation - GeeksforGeeks

Semantic UI Popup Flowing Variation sets the popup with no maximum width so it can flow its width along as the content.