Double scrollbars?
See original GitHub issueInstallation 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
- I’m running the newest version of HACS https://github.com/hacs/integration/releases/latest
- I have filled out the issue template to the best of my ability.
- I have read https://hacs.xyz/docs/issues
- This issue is related to the frontend of HACS.
- This issue only contain 1 issue (if you have multiple issues, open one issue for each issue).
Describe the issue
Sometimes in HACS, the area that’s supposed to be scrolled is big enough to cause two scrollbars.
Steps to reproduce
- Go to the Frontend tab
- Click on the Add button
- Resize window if needed
Screenshots
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:
- Created 3 years ago
- Comments:5 (3 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Still get it in incognito. My browser is 1920px by 910px.
I think I just figured out how to solve this.