Skip to content

Missing -webkit- prefix for text-decoration shorthand property  #857

@simevidas

Description

@simevidas

Safari supports these two styles of setting line decorations:

.longhand-webkit {
  -webkit-text-decoration-line: overline;
  -webkit-text-decoration-style: double;
  -webkit-text-decoration-color: red;
}

.shorthand-webkit {
  -webkit-text-decoration: overline double red;
}

Live demo: https://jsbin.com/misoyuq/edit?css,output (I tested in Safari for iOS)

And yet, when writing the standard versions:

.longhand {
  text-decoration-line: overline;
  text-decoration-style: double;
  text-decoration-color: red;
}

.shorthand {
  text-decoration: overline double red;
}

Autoprefixer will generate -webkit- prefixes only for the longhand properties, but not for the shorthand. (I’ve tested in http://autoprefixer.github.io/). Is there a reason why the shorthand is ignored?

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions