Display: Flex prefixes can't be disabled when shorthand is used

[JohnONolan]

When Emmet preferences.json is set to "css.autoInsertVendorPrefixes": false - The expected behaviour is the no vendor prefixes are added when snippet are expanded. This works, seemingly everywhere, with one exception:

d:f correctly expands to display: flex;

but

df incorrectly expands to

display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;

This issue does not exist with other properties such as jc:c or jcc for justify-content: center;

---

Atom: 1.9.9 Emmet: 2.4.3

--- Want to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/37091645-display-flex-prefixes-can-t-be-disabled-when-shorthand-is-used?utm_campaign=plugin&utm_content=tracker%2F535900&utm_medium=issues&utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F535900&utm_medium=issues&utm_source=github).

[JohnONolan]

Duplicate of #336

Fixed when "caniuse.enabled": false is also set. Still think this a valid bug, though.

[JohnONolan]

Oh god I'm back 2 years later from a Google search which ended in rediscovering this issue which I apparently wrote myself.

Lord have mercy on my soul.

[JohnONolan]

Dear future John, what is the year 2020 like? Do they have chairs? I'm writing you this message from the year 2018, and properly documenting the fix for this, which I wish I had written down way back in 2016.

You probably got a new Mac recently. You probably installed emmet, went to write some CSS, and found emmet spewing nonsensical browser vendor prefixes everywhere. You probably thought to yourself "fuck, not this again" and spent the last 30 mins furiously googling how to unset this ridiculous preference. Again.

Well future John, it is I, past John, who shall be your saviour. Here's what to do:

• Open Atom preferences
• Packages
• Emmet
• Change the Extensions Path to your project dir, like ~/Sites/emmet
• Inside ~/Sites/emmet create a new preferences.json
• Inside that file place the following:

{
  "css.autoInsertVendorPrefixes": false,
  "caniuse.enabled": false
}

• Save, and restart Atom
• Leave a comment on this issue to iterate the number of times this has fucked you over by: 1

Love

Past John

[sergeche]

Dear John,

I hope you’ll start using new updated Emmet plugin in near future :) https://github.com/emmetio/atom-plugin

[nikolaysalinder]

I tried all possible instructions to repair an autoprefixer. It was only succeeded to solve after I removed emmet from atom. And anew install it.

[MEHDIBEHJATI]

what emmet display flex in VS Code?

display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;