Styles are not loaded with Vite + npm
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:
- Run
npm create vite@latest - Choose "Vanilla" option and create project
- Run
npm install --save tuito add dependency - Run
npm installto install all other required packages - Add basic grid example into
src/main.tsandindex.html - Run
npm run devand go tolocalhost:5173
Expected behavior Grid loads with correct stylesheet as shown in examples.
Screenshots
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