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

Angular app "loses" styling in production bundle #14806

Closed
EatonZ opened this issue Oct 4, 2020 · 1 comment
Closed

Angular app "loses" styling in production bundle #14806

EatonZ opened this issue Oct 4, 2020 · 1 comment

Comments

@EatonZ
Copy link

EatonZ commented Oct 4, 2020

Steps to Reproduce:

There appears to be a problem when DevExtreme is bundled for production. It is easily reproducible:

  1. npm start this attached application. This is a brand new app. No other added packages, DevExtreme setup instructions followed.
  2. In the browser window that opens (for me this is Chrome), if you refresh the page a bunch of times (it doesn't happen every time), it will change between a white/broken background and a dark/normal background, and centered/broken tabs and left-aligned/normal tabs.

Results You Received:

Something is causing the app's body to lose all of the classes that should get added alongside dx-viewport, resulting in a white background and centered tabs.

Broken

Results You Expected:

If you remove --prod from ng serve in package.json, this issue does not occur, so it appears to be a production problem. Perhaps #14351 will fix?

Normal

Environment Details:

DevExtreme 20.1-stable
Angular 10.1.4
Windows 10
Chrome 85
Node 14.13.0

@EatonZ
Copy link
Author

EatonZ commented Oct 6, 2020

Dupe

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

No branches or pull requests

2 participants