Example on home page not rendering properly on Firefox desktop

WickyNilliams / cally

Small, feature-rich calendar components

https://wicky.nillia.ms/cally/

MIT License

1.06k stars 12 forks source link

Example on home page not rendering properly on Firefox desktop #6

Closed sponsfreixes closed 2 months ago

sponsfreixes commented 3 months ago

I found the documentation website first on my phone using Firefox. Then I opened it on my laptop, and noticed it showed differently. Then I opened it with Chrome on Desktop, and it looks like the rendering on Firefox Desktop is the one off. The selected background color is black instead of red, the arrows to change month do not show, and the two months do not show side to side even if the screen is wide enough. Better an image than words:

I haven't had the opportunity to try on another computer yet, I'll try to do that later.

WickyNilliams commented 3 months ago

Are you using an outdated FF on desktop? I'm a FF user on both mobile and desktop, so it's one browser that should have no rendering bugs 😅 I suspect it's an old version, which doesn't support css nesting (which I use in the docs, but not the components themselves)?

Browser version and OS would be helpful. I might just remove the css nesting, someone else had issues with it also.

sponsfreixes commented 2 months ago

That's on FF 115.9.1esr (64-bit), Windows 11.

WickyNilliams commented 2 months ago

Thanks, can you check if this is now fixed? I have compiled away all CSS nesting, so i'm hoping it's resolved

sponsfreixes commented 2 months ago

Yes, that seems to have solved it! Thanks!

WickyNilliams commented 2 months ago

Awesome! Thanks for reporting back