lux-app-footer: footer-Button "verschwindet" in Simulation iPhone XR

[caro-kos]

Problem trat bei der Betrachtung der app-ok in Chrome auf. Simulation von verschiedenen Gerätetypen wurde getestet. Beim iPhone XR in Hochformat "verschwanden" Footer-Buttons.

Analyse ergab: sie rutschen anscheinend nur hinter die app-footer-links

Nachstellbar in der Demo: http://lux-components.framework.apps.gfi.ihk.de/components-overview/example/app-footer

Chrome Entwicklertools und dort den Simulator

• iPhone XR in Hochformat => Button 1, der im 3-Punkte-Menü untergebracht wird "verschwindet"

Konfiguration für lux-app-footer-buttons anpassen

• Button 1 label: Dokumentation alwaysVisible: false
• Button 2 label: Overviewssssss (! lange Bezeichnung => man kann sehen, wie Button 1 hinter den Link "verschwindet" beim Tippen) alwaysVisible: true

Konfiguration für lux-app-footer-link anpassen

• beide Links ** alwaysVisible: true

[patrowe]

Der Fehler wurde in der Lux-Menu-Component behoben. Bitte wie oben beschreiben testen:

erwartetes Ergebnis:

• der Menu-Button bleibt vollständig sichtbar
• wird der Text im Button "Overview" zu groß, "springt" der Menu-Button an den rechten Rand und alle Menü-Einträge sind im Panel

[thodic77]

@DSeifer: Bitte testen.

[DSeifer]

Getestet unter Windows 10 Enterprise (20H2) und MacOS 12.3.1 mit folgenden Browsern in der jeweils aktuellen Version. Windows 10: Edge, Firefox, Opera, Google Chrome -> OK MacOS: Safari, Google Chrome, Firefox -> OK