Hello! We've noticed that only in KendoReact components (not reproducible with our custom or 3rd party components) sometimes completely randomly these weird "â€<" characters show up. For example:
- Dropdowns:
- Dialogs:
This issue seems very similar to: https://www.telerik.com/forums/strange-characters-in-different-kendo-objects but while that's for Angular we are using React.
Some information:
- We are using an ARM64 version of Ubuntu with the Chromium browser
- We've checked and all data is stored as UTF-8 in our database (with the correct DB settings)
- We've checked and all response & request headers related to UTF-8 are set for all of our endpoint
- The issues does not reproduce on X86 Windows based systems or while working locally (from localhost)
- We are using KendoReact version 9.3.1 with the Fluent Theme version 10.1.0
- This issue pops up completely randomly and cannot be reproduced constantly
- We've investigated and checked and our fonts are loaded correctly. We also have some fallbacks in place, in case out font fails. All of them support UTF-8 characters
- We are NOT using Kendo's localisation feature
- Checking the Network requests from the DevTools reveals that the data comes correctly but is displayed incorrectly somehow
We ran out of ideas and this issue is really critical for our environment. Could you advise what should we investigate? As this issue only happens with Kendo components, to us it seems pretty clear that the issue lies there somewhere.
Thank you!