Problem with firefox compatibility

  • It seems like having some compatibility issues with firefox.

    When I start paragraphes with “Pre” style, Tonal only recognizes “One-Lined” sentence. The reader should scroll to the right to read “Pre” sentence.

    It works well with Chrome and Safari. It only has some problems with Firefox.

Viewing 1 replies (of 1 total)
  • Moderator Kathryn Presner

    (@zoonini)

    This looks like an issue with how Firefox parses the <pre> tag:

    https://www.webcarpenter.com/blog/28-How-to-get-FireFox-to-wrap-PRE-tag-text-

    You could try adding this custom CSS, as the post suggests:

    pre {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
}

    Once you add that, the pre text should look closer to what it does in Chrome and Safari: https://cloudup.com/cdAgcYfa-RC

    Don’t edit the theme files directly, otherwise your changes will be overwritten whenever the theme is updated.

    Since you’re already using Jetpack, an easy way to add custom CSS is to activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.

Viewing 1 replies (of 1 total)
  • The topic ‘Problem with firefox compatibility’ is closed to new replies.