search

stairjoke / entspannt.digital

0 stars 0 forks source link

Layout breaks in Firefox #19

Closed stairjoke closed 1 year ago

stairjoke commented 1 year ago

Safari

CleanShot 2023-02-15 at 11 38 23@2x

Firefox

CleanShot 2023-02-15 at 11 38 42@2x
stairjoke commented 1 year ago

Cause:

:has() is currently "Supported in Firefox behind the layout.css.has-selector.enabled flag" in Firefox.

_layout.scss uses

section {
  &:has(aside) {
    display: flex;
  }
}

The display: flex is not applied in Firefox as the :has(aside) is not supported yet.

stairjoke commented 1 year ago

Added workaround in 4f8ad4a73f50355a0a79e78ac4eefa5d31357234

Using float if @supports not selector(section:has(aside))