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

Styles are not loaded with Vite + npm #2020

Open
ClayenKitten opened this issue Jan 31, 2024 · 0 comments
Open

Styles are not loaded with Vite + npm #2020

ClayenKitten opened this issue Jan 31, 2024 · 0 comments
Labels

Comments

@ClayenKitten
Copy link

Describe the bug
When used with simple vanilla Vite template, Grid successfully loads, but without stylesheet. Displayed grid has default browser styles, which make it unusable: huge empty space above, clipboard displayed as input, etc.

It differs from behavior of ag-grid and other competitors, so I believe not an intended behavior.

To Reproduce
Steps to reproduce the behavior:

  1. Run npm create vite@latest
  2. Choose "Vanilla" option and create project
  3. Run npm install --save tui to add dependency
  4. Run npm install to install all other required packages
  5. Add basic grid example into src/main.ts and index.html
  6. Run npm run dev and go to localhost:5173

Expected behavior
Grid loads with correct stylesheet as shown in examples.

Screenshots
image

Desktop

  • OS: pop!_OS 22.04 LTS
  • Browser: Firefox 118.0.2 (64-bit)
  • Version: ^4.21.22

Additional context
The temporary solution is to embed CDN version of stylesheet into the project in any way (<link/>, @import, embedding the file, etc). After that, everything seems to work as intended.

For easier reproduction of the issue I created the repository:
https://github.com/ClayenKitten/test-tui-grid-css-issue

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

1 participant