Notice: The devs are no longer actively involved in the forum, so any bug reports regarding the Stylish extension or this 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.