Open Bug 1750914 Opened 4 years ago

Clarify the meaning of the prefixed properties

Categories

(DevTools :: Inspector: Compatibility, task, P3)

Product:
DevTools
Component:
Inspector: Compatibility
Type:
task

Tracking

(Not tracked)

People

(Reporter: jdescottes, Unassigned)

References

(Blocks 1 open bug)

Details

When the inspected code is using the prefixed version of property, the compatibility panel will show it below the "default" property name, with no indication as to what this means.

For instance compare:
data:text/html,<div style="-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;font-smooth:grayscale">

and
data:text/html,<div style="font-smooth:grayscale">

The first one will show

font-smooth                            [FF for Android icon]
  -webkit-font-smoothing
  -moz-osx-font-smoothing
  div

The second one shows

font-smooth                            [FF for Android icon]
  div

It's unclear to me that in the first case it means that it shows up as -webkit-font-smoothing and -moz-osx-font-smoothing in the code. We should clarify it with a label.

You need to log in before you can comment on or make changes to this bug.