hextra icon indicating copy to clipboard operation
hextra copied to clipboard

Documentation title is not showing in Safari iOS when using Dark Reader

Open matthieugouel opened this issue 1 year ago • 3 comments

Hey 👋 On the documentation (https://imfing.github.io/hextra/), the "Build modern websites with Markdown and Hugo" is not showing when using Safari in iOS 18 (from an iPhone). It works using brave browser on the same iPhone. I have the same issue when replicating on my personal website.

It works with Safari on MacOS (Sonoma 14.6.1 (23G93)).

This part of the code seems not rendered properly.

<div class="hx-mt-6 hx-mb-6">
{{< hextra/hero-headline >}}
  Build modern websites&nbsp;<br class="sm:hx-block hx-hidden" />with Markdown and Hugo
{{< /hextra/hero-headline >}}
</div>

Steps To Reproduce

Go to https://imfing.github.io/hextra/ from Safari browser in iOS 18.

Screenshots

9D42AE5E-3F5E-4DB5-B483-01FFB1848AF4_1_102_o

Environment

  • Hugo Version: the one used in documentation.
  • Browser/OS: Safari iOS 18
  • Theme Version: the one used in documentation.

matthieugouel avatar Oct 27 '24 07:10 matthieugouel

hmm it works for me on iOS 18 Safari

image

imfing avatar Oct 27 '24 08:10 imfing

the color of the page looks odd for me. did you use any browser extension like Dark Reader?

imfing avatar Oct 27 '24 08:10 imfing

Nice catch! Yes I removed Dark Reader and it works now!

matthieugouel avatar Oct 27 '24 09:10 matthieugouel