Attribute selector with space is being remove

[Akumzy]

Attribute selectors with space are being removed like

Code

[class*=' icon-'],
[class^='icon-'] {
  font-family: 'icomoon' !important;
}

Expected Behaviour

[class*=' icon-'],
[class^='icon-'] {
  font-family: 'icomoon' !important;
}

Actual Behaviour

[class^='icon-'] {
  font-family: 'icomoon' !important;
}

[f-liva]

Why closed? Still occurs!

[Akumzy]

@f-liva I can't remember why I closed it either

[f-liva]

The issue is still alive, attribute selectors with space also trying to whitelist with patterns

[Ffloriel]

v4.0.2 contains a fix to handle attribute selectors with spaces. Let me know if you are experiencing any issues.

[MartinAmsinck]

upgrading to v4.0.x didnt work for me, the solution was to upgrade vue-cli, i was running a v4 cli.
https://forum.vuejs.org/t/vue-3-postcss-8/112492

how to vue-cli Migrate from v4

{
  "dependencies": {
    "bootstrap": "^4.6.0",
    "bootstrap-icons": "^1.5.0",
    "core-js": "^3.6.5",
    "vue": "^2.6.11",
    "vue-class-component": "^7.2.3",
    "vue-property-decorator": "^9.1.2",
    "vue-router": "^3.2.0",
    "vuex": "^3.4.0",
    "yargs": "^17.0.1"
  },
  "devDependencies": {
    "@fullhuman/postcss-purgecss": "^4.0.3",
    "@fullhuman/vue-cli-plugin-purgecss": "~4.0.3",
    "@typescript-eslint/eslint-plugin": "^4.18.0",
    "@typescript-eslint/parser": "^4.18.0",
    "@vue/cli-plugin-babel": "^5.0.0-beta.2",
    "@vue/cli-plugin-eslint": "^5.0.0-beta.2",
    "@vue/cli-plugin-router": "^5.0.0-beta.2",
    "@vue/cli-plugin-typescript": "^5.0.0-beta.2",
    "@vue/cli-plugin-vuex": "^5.0.0-beta.2",
    "@vue/cli-service": "^5.0.0-beta.2",
    "@vue/eslint-config-typescript": "^7.0.0",
    "eslint": "^7.20.0",
    "eslint-plugin-vue": "^7.6.0",
    "node-sass": "^4.12.0",
    "sass-loader": "^8.0.2",
    "typescript": "~4.1.5",
    "vue-template-compiler": "^2.6.11"
  }
}