Comments (7)
Could you supply a reproduced demo?
from vscode-css-modules.
@clinyong actually, I just noticed that the problem is specific to ids (when using the id attribute instead of class). Is that a known limitation?
Also, when using classes, is there a way to prevent this selection?
These issues can be reproduced with a nextjs starter project:
npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
from vscode-css-modules.
Yes, the id attribute is not supported. We can't prevent the selection because there isn't an api for extension to do this.
from vscode-css-modules.
Would a feature request for the id make sense? And about the api, would it make sense to open an issue on the vscode repo maybe (I could do it)?
Edit: actually, id is not so important to me. I can easily replace them with classes.
from vscode-css-modules.
I think the "duplicate definitions in Go to Definition" issue is documented over here:
As I mentioned in my last comments, someone could open an issue in the microsoft/vscode
or microsoft/TypeScript
repos to present the use case clearly and ask for some way for an extension (or user configuration) to be able to disable useless definition entries in Go to Definition.
from vscode-css-modules.
For Next.js itself, you can also consider modifying the node_modules/next/types/global.d.ts
file containing these types, as I mentioned in #63 (comment)
You could modify it permanently in your project using something like patch-package
.
from vscode-css-modules.
@clinyong actually, I just noticed that the problem is specific to ids (when using the id attribute instead of class). Is that a known limitation?
Also, when using classes, is there a way to prevent this selection?
These issues can be reproduced with a nextjs starter project:
npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
Duplicate #63
from vscode-css-modules.
Related Issues (20)
- Open VSX support HOT 3
- Feature request: Jump to last CSS property when clicking on a class name HOT 2
- require bug HOT 3
- not working with tsconfig paths aliases HOT 11
- Access properties like `styles['test']` HOT 1
- Access properties like `styles['test']` HOT 5
- Extension causes high cpu load HOT 1
- Intellisense priority issues breaks Go to definition HOT 11
- Support Sass (.sass or .scss files) HOT 1
- Autocomplete for imports HOT 4
- Class names showing after non-existent properties (named suggestions). HOT 3
- bracket syntax cannot jump HOT 2
- Go to definition is broken HOT 1
- Incorrect commented import is used in completion HOT 1
- Can not jump to the classname under the corresponding scope
- autocomplete does not work with path alias HOT 3
- Typescript support HOT 3
- Path Alias Doesn't Work With Wildcard
- Does not work with tsconfig paths on nextjs HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from vscode-css-modules.