Our powerful JS Calendar component


Post by janed »

Hello, I have a paid version of calendar and sometimes I see this bug - without any reason icons change to some symbols, no errors or something else. What it could be?
https://drive.google.com/file/d/1Rpl4FeQAbvQOu6EDy6u7TnSnXy2u86ux/view?usp=sharing


Post by mats »

Are you using latest version? If not please try using latest and it should be ok


Post by janed »

Which version I need to use? now it's 4.2.6


Post by mats »

Yes that should work. If not, can you please present us a small test case?


Post by Animal »

This sounds like a server configuration issue.

If you are sending characters through HTTP, the codepoints will have to be encoded into octets (bytes) using an encoding scheme.

Fir example in UTF-8, characters 0 to 127 (The ASCII characters) are encoded as single octets of those values. All characters above that take two or more octets to encode.

I think that the browser assumes you are sending UTF-8 in the absence of a charset parameter.

From the screenshot, it looks like those are UTF-8 encodings, but decoded using a different encoding system. In the debugger's "Network" tab, what does the Content-Type header of your data request look like:

In my test, it's just application/json which means it will interpret the octets as UTF-8:

Screenshot 2021-10-07 at 14.52.09.png
Screenshot 2021-10-07 at 14.52.09.png (104.76 KiB) Viewed 804 times

See https://www.w3.org/International/articles/http-charset/index


Post by janed »

Hello, My Content-Type header is “application/javascript”

Attachments
Снимок.PNG
Снимок.PNG (29.88 KiB) Viewed 794 times

Post by alex.l »

Hi janed,

The talk is about data.json Content-type. Did you check links and your server configs as Animal suggested?
We will be able to help you if we can reproduce this problem. Please, attach a runnable test case here with data you used and steps to reproduce it.
On your end, please make sure you loaded all fonts and CSS and there is no errors in network tab when you see this problem.

All the best,
Alex


Post by janed »

There is a problem with providing a test, there is no specific sequence of actions, after which there is a problem with icons. I can repeat the same actions 10 times, and the icons will disappear 2 times out of 10 attempts.

There is only one error in the console, but it appears not only when the icons disappear.

Снимок.PNG
Снимок.PNG (59.44 KiB) Viewed 788 times

My data is not transmitted by a file. I have a separate js file where I create a bryntum calendar and transfer data from the server to calendar.events like this:

bryntum.PNG
bryntum.PNG (44.3 KiB) Viewed 788 times

Post by alex.l »

Ok, we don't have any answers after looking at your screenshots, it works great on our end and cannot be reproduced.
Let's start from fixing all console errors.
The error says that you imported from 2 bundles. You should use or umd or module bundle in your app. Please try to fix it and let us know if it helped.

All the best,
Alex


Post by Animal »

If the Content-Type does not specify a charset, in addition to the type, then it will be using ISO-8859-1, which basically means 7 bit ASCII.

So multi byte UTF-8 encodings sometimes show up like that as strange character pairs.

I think that you should try setting the charset as described in https://www.w3.org/International/articles/http-charset/index


Post Reply