getkirby / getkirby.com

Source code and content for the Kirby website
https://getkirby.com
129 stars 264 forks source link

Code blocks don't scroll at certain window widths in Firefox on maxOS #1337

Closed texnixe closed 2 years ago

texnixe commented 3 years ago
Bildschirmfoto 2021-05-02 um 10 46 17

Happens from a window width of 768px and above

afbora commented 3 years ago

Same with Windows & Firefox

afbora commented 3 years ago

image (7)

By the way, I noticed that there is scroll in firefox, but it is not visible on the dark color. You can click the scroll area and scroll.

texnixe commented 3 years ago

I also have a scrollbar at smaller window widths in Firefox, but not above 768px and what is more is that there is no right margin anymore in those cases as you can see in the screenshot above.

Fine here below 768;

Bildschirmfoto 2021-05-02 um 12 46 27
afbora commented 3 years ago

Yes you are right. Above 768px there is no scroll. Below 768px there is a scroll but it is not visible (for Windows & Firefox)

pReya commented 3 years ago

Not sure if this is related, but the code blocks on the style guide (https://getkirby.com/styleguide) are all running outside of my viewport on latest Firefox and latest macOS. Screenshot 2021-05-15 at 15-18-27 Content styleguide

pReya commented 3 years ago

Again, the same thing happening in the new cookbook article (https://getkirby.com/docs/cookbook/extensions/virtual-files). Latest Firefox on latest MacOS.

Screenshot 2021-06-07 at 16 11 38
texnixe commented 3 years ago

Yes, I experienced the same in Firefox on MacOS

VIPStephan commented 3 years ago

I’m able to “fix” this by adding max-width: 100% to the article element. Bildschirmfoto 2021-07-29 um 21 00 32