The "new attribute" modal for editing a person is too small

[gustavi]

Description

The "new attribute" modal for editing a person is too small and hard to use. The select do not display more than 2 full options.

How to reproduce

• Go to a person profile (/person/I[N])
• Edit (bottom right)
• Attributes tab
• "+" button

Proposed fixes

1. Making the modal taller
2. Allow the select to go beyond the modal

Additional information

• Firefox 115
• 1920x1080
• Gramps Web Frontend 24.7.0

[DavidMStraub]

Right. But no need to enlarge the modal, just need to set fixedMenuPosition on the mwc-select.

[DavidMStraub]

Turns out this can't be fixed easily with MWC, see material-components/material-web#832.

The solution is to migrate to md-filled-select which has a menuPositioning attribute, see https://material-web.dev/components/select/. But is more work.

[DavidMStraub]

Also true for place types:

#481 (comment)

[m-breitbach]

I observed that, if the dropdown menu opens downwards and is truncated, the whole modal can be scrolled down (this makes it usable at least, even if not super conveniently). In cases where it openes upwards and is truncated (like in place types), no such scrolling becomes availabe.