I noticed a while back that when Wappler sets the design view to Desktop/Computer monitor it sets it at 1200px wide, however as your page gets longer and the scroll bar comes in, it chops off maybe 15px of the 1200px, leaving me with an incorrect 1185px width.
This may only be a mac thing, and it may only affect laptops with a trackpad or desktops with a magic mouse, as Apple removes the scroll bars as soon as I plug in my magic mouse.
This is the result, Chrome windows top and bottom set in the inspector to 1200px wide, vs Wappler set to Desktop at 1200px wide.
Hello Paul,
If your computer screen resolution is 1200px wide and you open your browser in fullscreen, the viewport size will be the same - i.e. it will include a scrollbar when the page is longer than the viewport height.
Not sure what’s special/specific to this apple magic mouse, but with a regular mouse you always get a scrollbar in your browser…
In my screenshot if you look quite carefully you can just see the grey part of the Wappler scrollbar that is sitting inside the viewport, as you can see my chrome window spacing is different even though it all the same settings as the Wappler design view, and if my page is not too long, then they all line up perfectly, only when scrollbars initiate, then they no longer match regardless if both chrome browser and Wappler design view are set to 1200px.
I tried it on my 27" @1920x1080 13" @1440x900 and 43" @3840x2160 monitors and they all do the same.
It’s not a major thing though, just wanted to bring it to your attention.
Yeah, mac has the same, If i plug in a usb mouse then wham scrollbars are always there, if I unplug the usb mouse, then it reverts to the MacBook Pro trackpad which has 2 3 and 4 finger operations, so the scrollbars all go away.
If I Blueteeth link an Apple magic mouse which also has 2 finger scroll then scrollbars are auto removed again.
Mac with all their silly nuances.
There are quite a few things which annoy me about the Mac OS, so I quite often visit System Preferences hoping to improve matters. The silly scroll bars idea is one example.
I think it is a smart thing from Apple, you don’t need the scrollbar when using a touch device and they still offer the option to turn it on. I’m mostly working on Windows and it shows always the scrollbar, but I never actual use it, have a scroll-wheel on the mouse for scrolling. For me they could have some minimal indication for the scroll instead of that big bar on the right.
Scrollbars are also useful as indicators of the amount of content - a feature which is potentially lost with this approach. I also use a wheel to scroll, but still prefer to have scrollbars visible all the time. ‘Jumping’ webpages are also an unfortunate result of this approach (though there are way to avoid it).
However, it’s a matter of personal preference, and Apple did give people the option to choose the behaviour.
