Bug #104848
position de la navigation PWA sous iOS
0%
Description
Le position: fixed; bottom: 0; n'est pas réévalué lorsque la page est scrollée et/ou les éléments de navigation du navigateur sont cachés;
C'est semble-t-il assez vieux comme comportement, vite fait on trouve :
- https://gist.github.com/nicolaskopp/637aa4e20c66fe41a6ea2a0773935f6e
- https://www.reddit.com/r/webdev/comments/184bza4/best_way_to_handle_iphonesafari_bottom_bar_and/
- https://stackoverflow.com/questions/71716565/how-to-position-elements-absolute-bottom-if-viewing-on-ios-safari-15
La bonne réponse actuellement serait d'utiliser la "nouvelle" unité de hauteur dynamique (dvh), https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/
👉 You’ll want these Dynamic Viewport Units to have a UI that auto-stretches as the UA interface changes. 100dvh will automatically adapt itself.
Related issues
History
Updated by Robot Gitea 28 days ago
- Status changed from Nouveau to Solution proposée
Frédéric Péters (fpeters) a ouvert une pull request sur Gitea concernant cette demande :
- URL : https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/893
- Titre : misc: workaround ios dynamic viewport height (#104848)
- Modifications : https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/893/files
Updated by Robot Gitea 24 days ago
- Status changed from Solution proposée to Solution validée
Paul Marillonnet (pmarillonnet) a approuvé une pull request sur Gitea concernant cette demande :
Updated by Robot Gitea 24 days ago
- Status changed from Solution validée to Résolu (à déployer)
Frédéric Péters (fpeters) a mergé une pull request sur Gitea concernant cette demande :
- URL : https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/893
- Titre : misc: workaround ios dynamic viewport height (#104848)
- Modifications : https://git.entrouvert.org/entrouvert/publik-base-theme/pulls/893/files
Updated by Transition automatique 24 days ago
- Status changed from Résolu (à déployer) to Solution déployée
Updated by Gael Pasgrimaud 24 days ago
- Related to Bug #104947: Quand la navigation pwa est affiché en mode desktop elle est décalée added