3

There's a missing space between the x and "to" in the SEDE tutorial (when viewed on my Android v.11 Galaxy XCover Pro, with Google app version 12.41.19.23.arm64):

Screenshot showing this text: "Click the X to return to the main list.) You'll notice that not all tables in the composer have the icon.". The error reported is the word "the" and the "X" have no space seperating them with medium-sized imgur image

Improve this question
1
  • 1
    No repro on FF 95.2.0. Could repro on Chrome 96.0.4664.104 (although it's not quite as bad as in your case). Both tests on Android 10
    – Nick is tired
    Commented Jan 8, 2022 at 8:57

1 Answer 1

Reset to default
3

While I can't reproduce the issue on Chrome/Win10 or Firefox/Win10 in my testing adding a   directly after the icon doesn't change much for me locally either but I expect the Android Webview might not collapse white-space when it is a non-breaking-white-space one. That would fix the issue on your device / setup.

This pull-request had the proposed change.

But when Nick kindly tested that change it turned out to not solve the issue. It needed extra CSS for that work on Mobile Chrome:

[class^="icon-"] {
    margin-right: .3em;
}css

but that lead to a much wider space on all other browsers.

I'm not ready yet to support minor glitches with per browser tweaks. Until someone else has a better solution this stays , sorry.

Do not allow for 6 to 8 weeks to have the PR merged and deployed.

Improve this answer
5
  • 1
    It doesn't appear to be a collapsing whitespace issue as both spaces are still present, the issue is that it doesn't offer enough room for the icons: see this screenshot, you can clearly see both spaces are still there, in both the highlight and the copy result.
    – Nick is tired
    Commented Jan 8, 2022 at 9:06
  • @Nick hmm, okay. Maybe I need to add the fa-fw on the icon as well then, as suggested here: fontawesome.com/v5.15/how-to-use/on-the-web/styling/… ? Any better options?
    – rene Mod
    Commented Jan 8, 2022 at 9:23
  • 1
    I have noticed that on first page load it works successfully, it's only on subsequent reloads that the issue appears. Clearing the cache fixes the issue, but then reloading makes it [the issue] appear again. Hazarding a guess it appears to be related to the [class^="icon-"] rule *margin-right:.3em only applying on first load.
    – Nick is tired
    Commented Jan 8, 2022 at 9:37
  • Oh nice. I picked a bug that is basically a browser glitch. I hoped for a better Saturday ...
    – rene Mod
    Commented Jan 8, 2022 at 9:44
  • 1
    If you have any thoughts feel free to give me a ping on discord, I've set up a local instance of the SEDE help page so I can edit it and test changes on mobile.
    – Nick is tired
    Commented Jan 8, 2022 at 9:46

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .