ExtAnimal
commented
4 days ago This issue in the Codepen is that the <body> element is not sized which it would be in all well developed apps.
If you are creating a web site which is a flowing document, the body will only be the height of the content.
In a Single Page Application, the body does not scroll. Rather it is a full sized viewport in which the individual widgets are all laid out and sized by the application's CSS rules.
As a basis, Single Page Applications need the following:
html,
body {
height: 100dvh;
overflow: clip;
}
body {
display: flex;
margin: 0;
align-items: stretch;
}
Hi bryntum team, we currently facing issues with the menu component on some edge cases ...
Demo: I've tried to recreate the issue here: https://codepen.io/Martin-Szigas/pen/wvbyzgR
Screenshot:
Issue: The collision detection for menu component is in some cases not working properly. It does not detect properly that the menu size collides with the visible area of the browser. Sometimes the menu flips below a button ... sometimes its above. However in some cases, menu does not flip and collides with the outside area and displays a scrollbar ... despite there is enough free space on the flip direction available.
Expected behaviour is that the popup checks if there is a collision to the visible space, and checks if there is enough space on the flip direction ...
Hope you can check and fix the issue.
Best regards, Martin