kendo-react icon indicating copy to clipboard operation
kendo-react copied to clipboard

[Bug][Grid] Using the Grid in production results in missing vertical borders

Open filipKovachev opened this issue 1 year ago • 1 comments

I'm submitting a...

  • Bug report

Current behavior

The Grid looks different when tested in development and production builds. Everything works fine in the development build and once the project is built for production, the Grid vertical borders are missing. This is reproducible when creating an app with create-react-app and in Next.js and running the production build. This is related to an issue with cssnano:

https://github.com/cssnano/cssnano/issues/1006

Expected behavior

All styles available in dev should be present in production as well.

Minimal reproduction of the problem with instructions

  1. Follow the steps here to create an app https://www.telerik.com/kendo-react-ui/components/getting-started/create-react-app/ and add a Grid
  2. Run npm run build
  3. Run npm install -g serve
  4. Run serve -s build
  5. Observe that the vertical border is missing:

image

Reported in Ticket ID: 1634176

filipKovachev avatar Dec 18 '23 12:12 filipKovachev

Also reported in Ticket ID: 1637767

WissamProgress avatar Jan 19 '24 13:01 WissamProgress