question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Double scrollbars?

See original GitHub issue

Installation details

Description Value
HACS version 1.5.2
Home Assistant version 0.114.3
Installation method for HA Home Assistant OS
Web browser Chrome
Web browser version 78.0.3904.108

Checklist

Describe the issue

Sometimes in HACS, the area that’s supposed to be scrolled is big enough to cause two scrollbars.

Steps to reproduce

  1. Go to the Frontend tab
  2. Click on the Add button
  3. Resize window if needed

Screenshots

2020-08-23-103016_1920x1080_scrot

Javascript logs from your browser console

Logs

contentscript.js:951 contentscript.js: https://ourtreehouse.duckdns.org/hacs/frontend 
browser_mod.js:149 BROWSER_MOD 1.1.6 IS INSTALLED    DeviceID: 57ea5fcc-3b1c07fa
VM11426:11   HA RESTART BROWSER EXT         Version: 2.0       
content.js:121 [API CHECK] success! {"message": "API running."}
chunk.01ac4f0bc647204552a4.js:1 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write
value @ chunk.01ac4f0bc647204552a4.js:1
value @ chunk.01ac4f0bc647204552a4.js:1
performUpdate @ app.664a8247.js:1
_enqueueUpdate @ app.664a8247.js:1
card-tools.js:90 CARD-TOOLS 2.1.2 IS INSTALLED  DeviceID: 57ea5fcc-3b1c07fa
hui-element.js:1 HUI-ELEMENT 1.0.1 IS INSTALLED 
layout-card.js:92 LAYOUT-CARD 1.3.1 IS INSTALLED 
button-card.js:1597   BUTTON-CARD   Version 3.3.6 
light-entity-card.js:434   LIGHT-ENTITY-CARD     Version 4.2.0       
card-mod.js:5 CARD-MOD 2.0.0 IS INSTALLED 
mini-graph-card-bundle.js:1  MINI-GRAPH-CARD  0.9.4 
203[Violation] Added non-passive event listener to a scroll-blocking <some> event. Consider marking event handler as 'passive' to make the page more responsive. See <URL>
custom-sidebar.js:1 Custom Sidebar is loading
frontend-202008231558.js:1416 [Violation] 'setTimeout' handler took 2050ms
custom-sidebar.js:129 GET https://ourtreehouse.duckdns.org/local/sidebar-order.yaml?rnd=2yy39uy5j356k3far12eae 404 (Not Found)
run @ custom-sidebar.js:129
setInterval (async)
(anonymous) @ custom-sidebar.js:3
custom-sidebar.js:104 Uncaught TypeError: Cannot read property 'length' of null
    at rearrange (custom-sidebar.js:104)
    at XMLHttpRequest.req.onload (custom-sidebar.js:121)
rearrange @ custom-sidebar.js:104
req.onload @ custom-sidebar.js:121
load (async)
run @ custom-sidebar.js:119
setInterval (async)
(anonymous) @ custom-sidebar.js:3
manifest.json:1 Manifest: property 'theme_color' ignored, 'var(--primary-background-color)' is not a valid color.
frontend-202008231558.js:3630 [Violation] 'requestAnimationFrame' handler took 101ms
[Violation] Forced reflow while executing JavaScript took 100ms
frontend-202008231558.js:3630 [Violation] 'setTimeout' handler took 176ms

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
KTibowcommented, Aug 23, 2020

Still get it in incognito. My browser is 1920px by 910px.

0reactions
KTibowcommented, Oct 22, 2020

I think I just figured out how to solve this.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to remove double scroll bar? - Stack Overflow
I have a double scroll bar on my website in Chrome and Firefox ... Desktop browsers like Firefox provide scrollbars if content overflows....
Read more >
Double Scroll Bar on Website [closed] - UX Stack Exchange
A website I am responsible for: www.livingsalads.co.uk has a double scrollbar on most browsers (chrome anyways). Which is obviously an issue ...
Read more >
Solved: Double scrollbar - Power Platform Community
Solved: Is there a way to prevent double scrollbars in the scrolling screen?
Read more >
How to remove double scroll bar - Support - Themeco Forum
Hi There I've a problem that on most monitors my website has a double scrollbar (so a scroll bar within the website and...
Read more >
Double scroll bar on the right side of page - WordPress.org
Hello,. I am getting a double scroll bar on my page when I use the Landing Page theme. When I change to the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found