Description
"i" and "ı" are two different letters in most Turkic languages.
Capital form of "i" is "İ" and "ı" is "I".
When I use uppercase form of string (by using CSS: text-transform: uppercase;), they don't change according to language standard. My browser is the latest version of Chrome. I don't define custom font, I use system default font.
For example:
<div style="text-transform: uppercase">This is my text</div>
-
If the language is English when I first load the page:
Output: THIS IS MY TEXT
This is as expected. -
When I change language to Azerbaijani:
Output: THIS IS MY TEXT
But it should be: THİS İS MY TEXT
Testing vice-versa:
-
If the language is Azerbaijani when I first load the page:
Output: THİS İS MY TEXT
This is as expected. -
When I change language to English:
Output: THİS İS MY TEXT
But it should be: THIS IS MY TEXT
This ambiguity occur only when I use text-transform: uppercase;. I don't get this problem if I type uppercased letters by hand. But I can't use this method in each page (project requirements). How can I solve this issue?
I don't really know if this is related to the sveltekit-i18n or not. I am sorry if I am in a wrong place for this issue :)