Slide bar / barre défilement

[Romain13700]

Slidebar
Bonjour,

depuis peu ( après mise à jour ou mauvaise manip de ma part) j’ai la barre de défilement vertical à droite qui s’affiche malgrès que le tableau de bord ne soit pas hors de la page.
j’ai fait des recherches sur internet je ne trouve rien.
j’ai testé plusieur option (ajout margin / suppression de certaine carte) rien ne change.
j’ai testé un onglet vierge et toujours pareil.
ça me le fait sur mes 3 tableaux de bord.
si vous savez m’aider ! merci à vous.

System Information

version	core-2023.6.1
installation_type	Home Assistant OS
dev	false
hassio	true
docker	true
user	root
virtualenv	false
python_version	3.11.3
os_name	Linux
os_version	6.1.21-v8
arch	aarch64
timezone	Europe/Paris
config_dir	/config

GitHub API	ok
GitHub Content	ok
GitHub Web	ok
GitHub API Calls Remaining	5000
Installed Version	1.32.1
Stage	running
Available Repositories	1289
Downloaded Repositories	55

logged_in	true
subscription_expiration	1 janvier 2018 à 01:00
relayer_connected	false
relayer_region	null
remote_enabled	true
remote_connected	false
alexa_enabled	false
google_enabled	true
remote_server	null
certificate_status	null
can_reach_cert_server	ok
can_reach_cloud_auth	ok
can_reach_cloud	ok

update_channel | stable
supervisor_version | supervisor-2023.06.1
agent_version | 1.5.1
docker_version | 23.0.6
disk_total | 56.4 GB
disk_used | 7.1 GB
healthy | true
supported | true
board | rpi4-64
supervisor_api | ok
version_api | ok
installed_addons | Terminal & SSH (9.7.1), Samba share (10.0.2), File editor (5.6.0), Mosquitto broker (6.2.1), Zigbee2MQTT (1.31.2-1)

dashboards	3
resources	51
views	28
mode	storage

oldest_recorder_run	6 juin 2023 à 18:06
current_recorder_run	13 juin 2023 à 20:54
estimated_db_size	178.91 MiB
database_engine	sqlite
database_version	3.41.2

api_endpoint_reachable | ok

[Abel]

Bonjour,

J’ai eu ça hier ou avant hier et après un CTRL+F5 dans mon navigateur internet, la barre « ascenceur » est partie.

Cordialement,

Abel

[Romain13700]

Merci pour la réponse, mais j’ai essayer ça ne fonctionne pas. j’avais essayé aussi de vider le cache du navigateur et redémarrer mais toujours pareil …

[WarC0zes]

Bonjour,
j’ai le même soucis. Tu utiliserai pas layout-card ?

Je suis en vue Horizontal (layout-card) et ca me fait c’est barre de défilement.
Dans une vue tuile ou panneau, je n’est pas la barre de défilement.

[Romain13700]

En effet j’ai du layout card
Mais j’ai testé de créer une page vierge et j’ai toujours la barre …

[WarC0zes]

Je viens de trouver une solution de contournement le temps que ca soit Fix.

Needless scrollbar in vertical layout

Ajoute height: auto.

views:
  - theme: Backend-selected
    title: Infos
    path: infos
    icon: mdi:information
    background: center / cover no-repeat url("/local/images/wallpaper-infos.jpg") fixed
    subview: false
    layout:
      height: auto
    type: custom:horizontal-layout
    badges: []
    cards:

[Romain13700]

il faut que je creuse ce soir sur ce point la !! j’ai fait un test rapide, mais j’ai l’impression que le problème vient d’ailleurs car si j’ajoute le height: auto voila le résultat !! lol

[WarC0zes]

Tu peu tester en ajoutant width: auto.

[Romain13700]

Je viens de tester, non plus
On dirai que ça viens pas du tableau de bord en lui même, comme si c’était « l’application » complète sur la page …
Je suis le seul a qui ça arrive
J’ai un collègue qui me dirait, souvent le problème est entre la chaise et le clavier
J’ai tenté de changer de navigateur, pareil.

[Julien83]

Bonjour,

J’ai été confronté au même problème, le scroll bar apparait alors que le contenu du dashboard n’est pas plus haut que la zone d’affichage <hui-view> lors de l’utilisation d’un type de vue Horizontal. Après analyse du code il y a une margin-bottom de 4px qui est appliquée à la balise <horizontal-layout> qui a une hauteur de 100% donc 100% + 4px, ce qui déclenche l’affichage sur scrollbar.

Pour résoudre le problème il suffit d’appliquer une nouvelle margin avec la valeur 0px 4px sur le dashbord soit : margin: 0px 4px !important;, la où vous ajoutez height: auto. On peut aussi ajouter padding: 0 0 4px 0; (ou plus) si on veux avoir une marge en dessous du dernier élément, utile lorsque le scrollbar apparait…

[Romain13700]

@Julien83

padding: 0 0 4px 0

Bonjour,

merci de la réponse détaillé ! ça m’avais l’air cohérent et ça peut aider pour la marge en effet !
mais ça ne fait toujours rien … j’ai l’impression que le problème vient vraiment de plus haut, comme si c’était le navigateur ou le site en lui même.
j’ai créé un nouveau tableau vierge et j’ai toujours cette barre …

j’ai cherché côté navigateur ou PC (Zoom, extension, …) rien. je sèche vraiment la.
j’ai remarqué aussi que quand je navigue dans les paramètres de HA, j’ai header bar qui est masqué par le scroll c’est très bizarre

[Romain13700]

Bonjour, j’update un peu le sujet. après plusieurs manip, j’ai trouvé une piste. en rentrant dans les paramètres developpers de chrome, j’ai modifier la taille du « body » et ça fonctionne. par contre, quand je rafraichi la page, je reviens en arrière. une idée pour garder ce paramètre enregistrer ?

[Romain13700]

Bonjour, je reviens sur mon sujet, je me suis penché à nouveau serieusement et j’ai enfin trouvé le problème. ça vient de la carte Paper Buttons Row. sur leur github quelqu’un avais fait remonter le problème et ils ont apporté la solution en changeant absolute par fixed dans leur code (paper-buttons-row-action-handler causing body overflow · Issue #125 · jcwillox/lovelace-paper-buttons-row · GitHub) .
En effet quand je le fais manuellement dans les paramètres HTML, ça corrige le soucis. J’ai donc mis à jour leur code dans Home assistant, mais par contre ça ne s’actualise pas sur chrome malgrés un redemarrage + vider le cash etc… vous auriez une idée svp de comment appliquer le changement ?

Merci !