Support » Plugin: Progressive WordPress (PWA) » Offline Content textarea issue in Firefox

  • Hello.

    I am testing this plugin for the first time and have found an issue in Firefox only (Safari and Chrome work fine, at least on a Mac).

    When I try to enter multiple URLs in the Offline Content textarea, rather than the Enter key creating a new line, it just inserts a space between the URLs.
    (Note that I am using the same version of Firefox to type this ticket, and the “Your message” textarea is creating new lines just fine.)

    I have even tried copying and pasting multiple URLs on multiple lines from a text editor, and the new lines just get converted to a single line with spaces between.

    I also do not see this feature working (the Offline Content URLs, even when I enter only 1, do NOT get cached for me).

    Steps to reproduce:
    1. Open the PWA in a supported browser: https://dev.ansbachhometownherald.com/
    2. Add to Homescreen or not
    3. Disconnect from Internet
    4. Try to refresh the homepage
    5. Click the “Emergency Phone Numbers” option from the main menu

    Expected behavior:
    – The homepage and “Emergency Phone Numbers” pages should be cached and should display, even while offline

    Actual behavior:
    – Both pages reflect the “Offline” page I have created and designated in the configuration

    Note that this also means that when the app opens, on the homepage, the homepage is not even being cached by visiting that page…

    Device used for testing:
    – iPhone 12 Pro
    – iOS 14.6
    – Safari, Chrome and Firefox browsers, also “installed app”

    Thanks!

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Aaron T. Grogg

    (@aarontgrogg)

    This issue appears to be related to some CSS from the plugin, though I would say it is more likely a Firefox bug…

    white-space: nowrap; is causing the line-break to visually convert to a space, but when I edit that textarea as HTML, the URLs are in fact on separate lines, and blocking that line of CSS makes it visually correct…

    Cannot attach images to this message, so here is a link to a screengrab:
    https://dev.ansbachhometownherald.com/wp-content/uploads/progressive-wp/pwp-offline-content-textarea.png

    Plugin Author Nico Martin

    (@nico_martin)

    Hi @aarontgrogg

    Yes, I am aware of this problem and it will be fixed in the upcoming rewrite (Version 3). I will have a beta ready in the next couple of days. If you are interrested in trying the beta I’m happy to send it to you as soon if its ready.

    Kind regards,
    Nico

Viewing 2 replies - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.