Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Rspack lightningcss-loader not supporting vue :deep() #8695

Open
lzxb opened this issue Dec 13, 2024 · 1 comment
Open

[Bug]: Rspack lightningcss-loader not supporting vue :deep() #8695

lzxb opened this issue Dec 13, 2024 · 1 comment
Assignees
Labels
A-css Area: css bug Something isn't working

Comments

@lzxb
Copy link
Contributor

lzxb commented Dec 13, 2024

System Info

System:
OS: macOS 15.1.1
CPU: (8) arm64 Apple M1
Memory: 98.61 MB / 16.00 GB
Shell: 5.9 - /bin/zsh
Binaries:
Node: 22.11.0 - ~/.nvm/versions/node/v22.11.0/bin/node
Yarn: 1.22.22 - ~/.nvm/versions/node/v22.11.0/bin/yarn
npm: 10.9.0 - ~/.nvm/versions/node/v22.11.0/bin/npm
pnpm: 9.15.0 - ~/.nvm/versions/node/v22.11.0/bin/pnpm
bun: 1.1.27 - ~/.bun/bin/bun
Browsers:
Safari: 18.1.1

Details

.faq-desc {
  background: red;
}
.faq-desc :deep(.ui-collapse)-item.expanded {
  border-bottom-width: 0;
}

.faq-desc :deep(.ui-collapse)-item-title {
  flex: 1;
  transition: all linear 0.4s;
}

.faq-desc :deep(.ui-collapse)-item-header {
  border: none;
  padding: 20px 0;
  font-size: 16px;
  font-weight: 500;
  height: auto;
  align-items: flex-start;
}

.faq-desc :deep(.ui-collapse)-item-header:hover .fmui-collapse-item-title {
  transform: translate(8px);
}

.faq-desc :deep(.ui-collapse)-item-content {
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}

.faq-desc :deep(.ui-collapse)-item-content>div {
  margin-bottom: 20px;
  padding-top: 10px;
}

Vue component CSS, lost after builtin:lightningcss-loader processing
Image

Reproduce link

https://github.com/lzxb/rspack-vue-deep-error

Reproduce Steps

pnpm i
pnpm build

@lzxb lzxb added bug Something isn't working pending triage The issue/PR is currently untouched. labels Dec 13, 2024
@lzxb
Copy link
Contributor Author

lzxb commented Dec 13, 2024

be related to parcel-bundler/lightningcss#871

@SoonIter SoonIter added A-css Area: css and removed pending triage The issue/PR is currently untouched. labels Dec 13, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-css Area: css bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants