homebrewery.naturalcrit.com - Firefox does not interpret "(line break)" as "go to the next column" and instead only adds a line break

[webcompat-bot]

URL: https://homebrewery.naturalcrit.com/

Browser / Version: Firefox 69.0
Operating System: Ubuntu
Tested Another Browser: Yes

Problem type: Design is broken
Description: The site looks slightly different compared to how it looks in Chromium/Chrome
Steps to Reproduce:
The website allows you to create nice looking pages using markdown. When comparing how things look in Firefox and Chromium they look slightly different. For example, Firefox does not interpret "(line break)" as "go to the next column" and instead only adds a line break.

Browser Configuration

• mixed active content blocked: false
• image.mem.shared: true
• buildID: 20190610144007
• tracking content blocked: false
• gfx.webrender.blob-images: true
• hasTouchScreen: false
• mixed passive content blocked: false
• gfx.webrender.enabled: false
• gfx.webrender.all: false
• channel: nightly

Console Messages:

[u'[JavaScript Error: "downloadable font: GSUB: too large lig_glyph: 65535 (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse ligature 0 (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse ligature set 0 (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: Layout: Failed to parse lookup subtable 3 (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: Layout: Failed to parse subtable 0 (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: Layout: Failed to parse lookup 3 (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse lookup list table (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse table (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: rejected by sanitizer (font-family: "CodeLight" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Light.otf" {file: "unknown" line: 1 column: 6165 source: "@font-face {\n  font-family: CodeLight;\n  src: url("/assets/naturalcrit/styles/CODE Light.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: too large lig_glyph: 65535 (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse ligature 0 (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse ligature set 0 (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: Layout: Failed to parse lookup subtable 3 (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: Layout: Failed to parse subtable 0 (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: Layout: Failed to parse lookup 3 (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse lookup list table (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: GSUB: Failed to parse table (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Error: "downloadable font: rejected by sanitizer (font-family: "CodeBold" style:normal weight:400 stretch:100 src index:0) source: https://homebrewery.naturalcrit.com/assets/naturalcrit/styles/CODE%20Bold.otf" {file: "unknown" line: 1 column: 6251 source: "@font-face {\n  font-family: CodeBold;\n  src: url("/assets/naturalcrit/styles/CODE Bold.otf");\n}"}]', u'[JavaScript Warning: "This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!" {file: "https://homebrewery.naturalcrit.com/" line: 0}]', u'[JavaScript Warning: "onmozfullscreenchange is deprecated." {file: "https://homebrewery.naturalcrit.com/" line: 0}]', u'[JavaScript Warning: "onmozfullscreenerror is deprecated." {file: "https://homebrewery.naturalcrit.com/" line: 0}]']

From webcompat.com with ❤️

[softvision-sergiulogigan]

Thanks for the report!
I'm able to reproduce the issue.
Inserting 2 lines of ``` in Firefox does not have the same outcome as on Chrome.

Tested with:
Browser / Version:Firefox Nightly 69.0a1 (2019-06-12)
Operating System: Windows 10 Pro, Linux Mint

[ksy36]

The issue seems to be in the following rule:

.phb pre, .phb code {
    visibility: hidden;
    -webkit-column-break-after: always;
     break-after: always;
    -moz-column-break-after: always;
}

It works in Chrome because of -webkit-column-break-after: always; , and break-after: always;
doesn't seem to make any effect neither in Chrome or Firefox.

According to MDN break-after documentation:

always Forces a page break right after the principal box. The type of this break is that of the immediately-containing fragmentation context. If we are inside a multicol container then it would force a column break; inside paged media (but not inside a multicol container) a page break.

So it should force a column break, but it doesn't currently do that, looks like.

@emilio Could you please confirm?

Here is a reduced test case

[emilio]

I'm confused, the reduced test-case behaves the same across browsers, what am I missing?

[ksy36]

Right, it must be confusing - I've updated the reduced test case and added -webkit-column-break-after: always; , so it forces a column break in Chrome.

-webkit-column-break-after: always; is webkit specific, so it doesn't take any effect in Firefox, but break-after: always; theoretically should force a column break in Firefox, though it doesn't work (yet?).

Also found two related issues:
https://bugzilla.mozilla.org/show_bug.cgi?id=775618
https://bugzilla.mozilla.org/show_bug.cgi?id=549114

[emilio]

Yeah, this is https://bugzilla.mozilla.org/show_bug.cgi?id=549114 looks like.

[ksy36]

Cool, thanks. I'll close this as a duplicate of 549114

[lock]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue at https://webcompat.com/issues/new if you are experiencing a similar problem.