Notice: To Install styles, click the "Show Css Code" button first. The install button will work after that.
The devs are no longer actively involved in the forum, so any bug reports regarding the extension or website should be sent to them directly at contact@userstyles.org.

[Bug] Parser fails to parse CSS Grid syntax and disallows style submisssion

Code:

grid-template-columns:
  [begin]
  repeat(
    auto-fill,
    minmax(
      calc(var(--item-cell-width) + 18px),
      1fr
    )
  )
  [end];

Error:

Style code has an error - parse error on value "[" (LSQUARE) on line 52 around "s

Expected behavior:

CSS specification has very clear rules on how a compliant CSS parser MUST skip rules, declarations and properties it does not understand. Failing to parse one property must never be a reason for not accepting a user style, as CSS is constantly evolving and no parser will ever be able to understand all syntax (until CSS dies).

Comments

  • edited August 2018 Firefox
    Hi guys, this bug is still present AUG 2018!

    Since display: grid; now has a coverage of almost 90% I think it's time you guys let us use it here to!

    For me the upload check chokes on pretty much the same "place"
    #whole {
    display: grid;
    grid-template-rows: [top] 3.4375em [menu] -webkit-min-content [content] -webkit-min-content;
    grid-template-rows: [top] 3.4375em [menu] min-content [content] min-content;
    grid-template-columns: [left] var(--ui-aside-width) [center] 1fr [right] var(--ui-aside-width);
    padding: 0;
    width: var(--ui-main-width);
    margin: 0 auto;
    margin-bottom: 1em;
    }
Sign In or Register to comment.