Slide bar / barre défilement

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

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

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 …

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.

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

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

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:

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

Tu peu tester en ajoutant width: auto.

Je viens de tester, non plus :confused:
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 :sweat_smile:
J’ai un collègue qui me dirait, souvent le problème est entre la chaise et le clavier :rofl:
J’ai tenté de changer de navigateur, pareil.

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…

2 « J'aime »

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

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 ?
defilement