Pseudo Element Scope Issue

[DarriusWrightGD]

Version

3.0.5

Reproduction link

https://github.com/DarriusWrightGD/vue-scope-issue.git

Node and OS info

10.11.0 / npm 6.4.1 / macOS 10.13.6

Steps to reproduce

1. npm run serve
2. Open the dev tools in chrome
3. See that the pseudo element ::-webkit-scrollbar, though scoped, still appears in the styles

What is expected?

The pseudo element on the Other.vue component should not be global since the scoped attribute is applied to the style tag.

What is actually happening?

The pseudo element on the Other.vue component is global despite the scope attribute being applied to the style tag.

---

We were upgrading our company project and noticed that the scrollbar wasn't appearing where it previously was. Here is a codesandbox of an older version of vue's dependencies were the scoping does work with a pseudo element if it helps https://codesandbox.io/s/l9xpxml307.

[LinusBorg]

Note: if this is a bug, it's in vue-loader, not vue-cli

[GitNomster]

Same problem(

[haoqunjiang]

See vuejs/component-compiler-utils#33