scrollbar styles are broken unexpectedly in "draft" mode
thescientist13 opened this issue · comments
Type of Change
- New Feature Request
- Documentation
- Improvement / Suggestion
- Bug
- Other (please clarify below)
Summary
Not sure what happened, but scrollbar styles seem broken unexpectedly? Nothing has changed in master for a while it seems so not sure why it is looking like this?
Details
For comparison, here is what the screenshot in the README looks like, with no scrollbars present.
https://github.com/thescientist13/greenwood-starter-presentation/#readme
Somewhat related, looks like the kitten image is 404? We may want try and use the way back machine to grab it and store it in the project in the assets/ directory.
Hmm, but now I can't reproduce anymore, across two laptops (MBP, MB Air) and two external displays. 😵
fixed the cat image in #52
Hmm, so it maybe it just has something to do with my external monitor? noticing that connecting it / disconnecting also introduces odd styles issues in other sites as well, so its not just my code, phew.
So something is amiss, but looks like this repo is just collateral damage to whatever else is happening on my system...
So this is wild... it appears it has to do with my new external mouse and keyboard? If they aren't attached, everything is fine. If they are, scroll bars instantly appear in everything, including macOS apps. Took a video to demonstrate.
IMG_8063.MOV
Fixed it by making this change in macOS system preferences (from automatically based on trackpad / mouse -> when scrolling)
And now things are back to normal, even with my mouse and keyboard attached. phew.
Wonder if there is a better way to handle this? Unfortunately there is very little we can do about scroll bar stylings in CSS, other than hide them, but that's not ideal either. 🤔
Some follow up tips / context to review that might help solve this programmatically - ProjectEvergreen/greenwood#831