Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Issue] Tabbing (in note body) shows up differently in Firefox vs. Vivaldi(Chromium-based browser)/Desktop #609

Open
WildManiac opened this issue Jul 1, 2019 · 4 comments

Comments

Projects
None yet
2 participants
@WildManiac
Copy link

commented Jul 1, 2019

Tabbing (indenting) shows up differently between Firefox and Vivaldi/Desktop (both Chromium-based, I think?).

Examples below:

As viewed in Vivaldi (as well as on Desktop):
vivaldi

As viewed in Firefox:
firefox

What I found was the following:

  • Tabs typed while in Vivaldi/Desktop show up as
    • 2 spaces while in Vivaldi/Desktop
    • 8 spaces while in Firefox
  • Tabs typed while in Firefox show up as
    • 4 spaces while in Vivaldi/Desktop
    • 4 spaces while in Firefox

Testing was done with the following:

  • Firefox Nightly (Latest update as of midday 7/1)
  • Firefox Stable (67.0.4)
  • Vivaldi Snapshot (1587.4)
  • Vivaldi Stable (2.6.1566.44)
  • Standardnotes Desktop (3.0.15)
@mobitar

This comment has been minimized.

Copy link
Member

commented Jul 2, 2019

We use the tab-size CSS property with a value of 2. Perhaps some browsers require a custom prefix?

@WildManiac

This comment has been minimized.

Copy link
Author

commented Jul 2, 2019

It would appear so, at least in Firefox.
See: https://developer.mozilla.org/en-US/docs/Web/CSS/tab-size

At this time, to use tab-size in Firefox you would have to use -moz-tab-size. But just changing that doesn't truly resolve the issue, as seen in the below testing.

When viewed in Firefox, no code change
viewed_in_firefox

When viewed in Firefox, after changing tab-size to -moz-tab-size
viewed_in_firefox_changed_to_-moz-tab-size

When viewed in Firefox, after changing -moz-tab-size to 4 instead of 2
viewed_in_firefox_changed_-moz-tab-size_to_4

When viewed in Vivaldi, no code change
viewed_in_vivaldi

When viewed in Vivaldi, after changing tab-size to 4 instead of 2
viewed_in_vivaldi_changed_tab-size_to_4

My conclusions from the above tests:

  • Tabs created in Firefox are 4 spaces, regardless of what we set as -moz-tab-size
  • Tabs created in Vivaldi are 8 spaces by default, or whatever is set by tab-size (Chrome) or -moz-tab-size (Firefox)
@mobitar

This comment has been minimized.

Copy link
Member

commented Jul 3, 2019

Interesting, thanks for the summary!

@WildManiac

This comment has been minimized.

Copy link
Author

commented Jul 3, 2019

Another interesting tidbit (and the reason why a tab is always 4 spaces when typed in Firefox) is that hitting tab creates 4 spaces. This is the reason why it is not affected by tab-size or -moz-tab-size.

In Vivaldi/Desktop, a tab is a tab. Which is why when you change tab-size (or -moz-tab-size when viewed in Firefox) the spacing changes.

@WildManiac WildManiac changed the title [Issue] Tabbing shows up differently in Firefox vs. Vivaldi(Chromium-based browser)/Desktop [Issue] Tabbing (in note body) shows up differently in Firefox vs. Vivaldi(Chromium-based browser)/Desktop Jul 3, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.