9
102
Fork
You've already forked web
30

forcer l'ouverture de l'encart de gauche quand nécessaire #1557

Open
opened 2026年02月06日 17:25:34 +01:00 by etienneJr · 7 comments

Il s'agit d'une UI/UX inattendue repérée par Stéphane en discutant du rendu plein air.

La situation de cette capture ne devrait pas exister :
image

Au clic sur les boutons de droite (par exemple ici : ouvrir le menu des fonds de cartes), le modal sheet (c'est bien ça son nom ?) devrait obligatoirement s'ouvrir, même si il a été replié précédemment. Stéphane, ne voyant rien s'ouvrir, pensait que le site était buggué.

Il s'agit d'une UI/UX inattendue repérée par Stéphane en discutant du rendu plein air. La situation de cette capture ne devrait pas exister : ![image](/attachments/01dff0ca-8e05-4ab7-96e2-792b26d8e00d) Au clic sur les boutons de droite (par exemple ici : ouvrir le menu des fonds de cartes), le modal sheet (c'est bien ça son nom ?) devrait obligatoirement s'ouvrir, même si il a été replié précédemment. Stéphane, ne voyant rien s'ouvrir, pensait que le site était buggué.
385 KiB
Member
Copy link

Oui et ce n'est pas le seul bouton qui marche pas

Le bouton en bas a gauche ne marche pas si le menu est en mode "caché"

Oui et ce n'est pas le seul bouton qui marche pas Le bouton en bas a gauche ne marche pas si le menu est en mode "caché"
Member
Copy link

Oui et ce n'est pas le seul bouton qui marche pas

Le bouton en bas a gauche ne marche pas si le menu est en mode "caché"

La video demo

Quand on clique sur le bouton "intro" avec le menu en mode caché = pas d'intro qui apparait

> Oui et ce n'est pas le seul bouton qui marche pas > > Le bouton en bas a gauche ne marche pas si le menu est en mode "caché" La video demo Quand on clique sur le bouton "intro" avec le menu en mode caché = pas d'intro qui apparait <video src="/attachments/6b3cd77a-118d-4c59-b4fa-d0e35d78c56f" title="Screencast from 2026年02月06日 22-39-38" controls></video>

merci pour ce ticket : je m'apprêtais justement à en ouvrir un similaire.
Je me permet ce retour d'expérience (similaire) afin, peut-être, d'aider à la priorisation de ce ticket : j'ai eu l'impression que le bouton "choisir un autre style de fond de cartes" ne fonctionnait pas, car rien ne s'affichait au clic. J'ai rechargé la page à plusieurs reprises, puis j'ai regardé dans les devTools de firefox en me disant qu'il y avait peut-être eu une erreur JS. Au final j'ai testé via une session privée de mon navigateur. Voyant que là ça fonctionnait ça m'a permis de réaliser au final que le problème venait de moi, qui avait oublié que j'avais fermé le panneau latéral il y a quelques jours.
Bref, beaucoup de temps perdu, et je partage tout à fait l'expérience de Stéphane, relaté dans le 1er post.

merci pour ce ticket : je m'apprêtais justement à en ouvrir un similaire. Je me permet ce retour d'expérience (similaire) afin, peut-être, d'aider à la priorisation de ce ticket : j'ai eu l'impression que le bouton "choisir un autre style de fond de cartes" ne fonctionnait pas, car rien ne s'affichait au clic. J'ai rechargé la page à plusieurs reprises, puis j'ai regardé dans les devTools de firefox en me disant qu'il y avait peut-être eu une erreur JS. Au final j'ai testé via une session privée de mon navigateur. Voyant que là ça fonctionnait ça m'a permis de réaliser au final que le problème venait de moi, qui avait oublié que j'avais fermé le panneau latéral il y a quelques jours. Bref, beaucoup de temps perdu, et je partage tout à fait l'expérience de Stéphane, relaté dans le 1er post.
Owner
Copy link

Je pense qu'on pourrait réutiliser la logique setSnap, partager la même fonction que pour l'encart mobile. Juste dans le cas du bureau, l'argument serait ignoré, ce serait juste ouvert ou pas.

Je pense qu'on pourrait réutiliser la logique setSnap, partager la même fonction que pour l'encart mobile. Juste dans le cas du bureau, l'argument serait ignoré, ce serait juste ouvert ou pas.
Owner
Copy link

Lié à !902

Lié à !902
Author
Member
Copy link

Bristow signale que le bug est réapparu...
@laem peux tu regarder pourquoi ?

[Bristow signale](https://forum.openstreetmap.fr/t/fil-des-nouveautes/27128/346) que le bug est réapparu... @laem peux tu regarder pourquoi ?
Owner
Copy link

Ah oui, désolé, il fallait aussi généraliser les useEffect setSnap de ModalSheet à SideSheet, donc probablement dans Content.tsx. Pas trop compliqué mais à faire soigneusement quand même :)

Ah oui, désolé, il fallait aussi généraliser les useEffect setSnap de ModalSheet à SideSheet, donc probablement dans Content.tsx. Pas trop compliqué mais à faire soigneusement quand même :)
Sign in to join this conversation.
No Branch/Tag specified
master
abostats
SynchroM-master
gps
embeddings
lysios-patch-5
lysios-patch-4
lysios-patch-3
lysios-patch-2
lysios-patch-1
abo-serveur2
clim
zone-en-favori
categories_toujours_visibles
rechercher_ici_avant_resultats
test-2365
panoramax-contribution
add-categories-validations
gel-bug-prod
osm-note-2
broken
wikidata_booking
fuse7.3
lysios-patrimoine-3
gps2
atproto-fix-2
styles-secondaires-mais-maison
atproto-scopes
itineraire-printemps-2026
modal-sheet-5.6
nlnet-cost-climate-perf
pb-icones-religieux
couvoiture
etiennejr-patch-2
meteo-fainéante
logo-static-url
poc-page-vitrine
remove-compass
test-reproduce-1795
display-cycleway-lanes-2
poc-image
add-media-condition
mapterhorn
test-indoor-equal
outdoors-VS-indoorEqual
hiking-colors
fix-blog-typing
poc-next-international
fix-map-style-modal-not-closing
i18n
hide-odd-zoom-levels
filter_categories
resume_wikipedia
deplacement_bouttons
fix-1095
mobile_permettre_selection
position-carte-initiale
dégradé-icônes
better_wikipedia
affichage_donnees_wikidata
mobile-permettre-selection
avis-details
perf-seo
modal-sheet-5
plans-novembre
display-cycleway-lanes
fix-1227
fix-1234
etiennejr-patch-1
update-1240
fix-1236
fix-1131
photon-search-street
fix-1221
article-avis
net-haut-zoom
baies-moins-visibles
belles-fiches-lieu
fix-1157
bug-page-vie-privée
use-watername
fix-1176
carte-du-onde
fix-1166
page-news
tchou
add-icon-alias
vitesse
photon-opensearch
private-in-italic
bâtiments-3D
merge-categories
handle-private-highway
improve-findcategory
injection-pmtiles
fix-1128
check-icons
update-readme
category-rugby
bug-position-carte-vs-lieu
limites-vitesse
improve-find-category-from-tags-v2
integrer
document-osmfeature
translate-document
velo-fin-aout-25
velo-ete-2025
moins-de-maptiler
planet-pmtiles-tilemaker
fix-1048
panoramax-leger
plume
horaires-i18n
planet
maj-deps-juillet-2025
improve-find-category-from-tags
bug-encart
interactions-encart-mobile
clic-on-station
fix-1028
fix-1014
edit
add-big-rivers
add-shortbread-tiles
handle-deleted-osm-elements-v2
codeberg
improve-useEffect
immoloc
update-dashboard
analyze
terradraw
sombre2
calendar
poi-sprites-using-svg
style-sombre
sprites
annuaire
motis-gtfs-attributes
next-styled-components
dev
cool2
cool
panoramax-angle
env-static-urls
borders-only
panoramax2
intelligence
debug-iles
nouveau-serveur
france-protomaps
turbo
fouss/cartes-#338
blog2
legislatives
presentation
pas-de-geoloc-si-hash-different
protomaps
vaul
carte-trains
citiz
maj-paquets
icones
ui2
bblog
voyagevoyage
test-image-origine
bugimagefin
searchParams
voyage
avion
perf
studio
piscine
journée
année
journée-transition
score-dès-acceuil
fix-space-problem
rebase-5août
correspondance
règles-séparées
indeps-acre
demo
indeps
indeps-cachés
indication-temps-plein
indeps-refactor-simulations
indeps-vue-comparaison
indeps-inversion
barème-continu
indeps-démo
textes-branches-sécu
engine-enum
2019
transport
publicodes
as
infrance-nouvelle-landing
better-translation
co2
simplifATMP
controle-SMIC
webi18n
bug-avantages-en-nature
revert-352-infrance-navigation-v2
laem-patch-1
robots.txt
improve-perf
iframe-bugfix
quickfixes
lib
irsimple
hiringinfrance.com
dégradé
refstate
johan
zrr
logo-interactif
revert-216-improve-tracking
redesign2
zrr2
fixtrad
correction-salaire-brut
petit-state
alien-consolidate
translate-ui
npm
alien-brut-net
translatable
différent
ir18
fix-typo
add-tracking
fix-collect-missing
défauts-partout
fix-double-unfold-three
fix-double-unfold
versement-transport
blocker-questions
v3
v2.1
v2
v1
v0.6.4
v0.6.3
v0.6.2
v0.6.1
v0.6.0
0.7.0
v0.5.1
v0.5.0
v0.4.2
v0.4.1
v0.4.0
v0.3.3
v0.3.2
v0.3.1
v0.3
v0.2
v0.1-cdd-alpha
v0-démo-tag-nav
Labels
Clear labels
🎨 Design
À propos de l'interface et de l'UX
💡 Idée
Nouvelle feature à intégrer
❓ question
Further information is requested
🌍 OSM
À propos de l'affichage et l'édition des éléments OSM
🌱 Amélioration
Amélioration/fix de l'existant
🐞 Bug
Something isn't working
📊 SEO
📋 Catégories
À propos des catégories de recherche et de l'annuaire
📖 Wiki
📝Avis
A propos de la fonction avis et de bluesky
📢 Oyez
📷 Photos
A propos des photos (sources, affichage)
🔍Recherche
A propos de la barre de recherche et de photon
🔥 Actuel
🔧 tech
🖌 Styles
Styles de la carte
🧝i18n
🧪 R&D
🚍 Transports
🚙 Voiture
🚨Prioritaire
Ticket à traiter rapidement
🚲Vélo
Cartes
climat
Communication
demo
Cette branche doit être déployée comme une démo
dependencies
Pull requests that update a dependency file
javascript
Pull requests that update javascript code
Pas urgent
Plein-air
Tuiles
Verso
Vieux
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
4 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
cartes/web#1557
Reference in a new issue
cartes/web
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?