Skip to content

[BUG] Menu can grow outside the viewport #4741

Description

@Loujuu

Describe the bug and what you expected to happen

The menu can exceed the available viewport and become partly inaccessible. It is especially noticeable on mobile devices with a large number of menu items. Currently maxheight is 8 items.

The menu should remain fully accessible within the viewport. When there is insufficient space, it should:

Constrain its available height.
Enable internal scrolling
Recalculate its position and size when the viewport changes or while scrolling.
Avoid rendering content outside the visible screen area.
Also work with text resize.

Look at this similar dropdown bug: #4501 The menu should be fixed in similar way.

Also wait for refinement regarding #4728

Describe how to reproduce the bug

Go to mozaik app, jyske bank, ivestering, test the menu intop.

Severity

(2) High — feature broken

Which Kirby version was used?

11.11.2

Add screenshots or videos

No response

Environment (OS / Browser)

No response

Additional context

No response

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

Type

Projects

  • Status
    💌 Inbox

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions