search

ProgressNS / sidekick-feedback

This repository is for feedback regarding NativeScript Sidekick. Use the issues system here to submit feature requests or vote for existing ones.
45 stars 9 forks source link

Arabic and Kurdish characters show as gibberish in console.log() #354

Closed Izrab closed 5 years ago

Izrab commented 5 years ago

Please, provide the details below:

Did you verify whether this issue has already been reported here?

_Yes

Tell us about the problem

My App is in Kurdish language (a language with Arabic letters) and I use a custom font called "Noto Kufi Arabic". I have a page for registering item data and store the data in database (Couchbase Plugin), In the past, I was using TextField and getViewById().text; to get the user input data, and when I displayed data console.log(), it display the data, like item name, which was written in Kurdish and Arabic, it displayed it well, but now I replaced the TextField with a custom component, called "Floating label", My register page is similar to this Playground, in this playground, if I entered the an name in Arabic or Kurdish, and get the value of it and put it inside a variable, and then display it by console.log(), it is display very well, but when I run my app project in NativeScript Sidekick, and then try to see input data, and see the input (for example, console.log(name);) in Developers Tools's console, it outputs something like this if the input data is in Arabic or Kurdish ااÙا, But if it was written in English, it is show correctly in the console. If I write for example alert(name); or label.text = name; and name was containing Arabic or Kurdish text it is display correctly, but I need to see the input data in console log for debugging purpose.

Which platform(s) does the issue occur on?

/Android 5.1
_Windows 10

Provide the following version numbers that the issue occurs with:

Version: 1.16.1-v.2019.2.27.1 (latest) NativeScript CLI version: 5.1.1 CLI extension nativescript-cloud version: 1.17.1 CLI extension nativescript-starter-kits version: 0.3.5

Tell us how to recreate the issue in as much detail as possible

  1. Create a new project ..
  2. Download this Playgroupd example
  3. Put the folders and files of this playground into the correct directory of the new NativeScript project
  4. Enable "Start Debugging" and Run it the app on a physical device (my way) or an Android emulator,
  5. Input Arabic or Kurdish data into the FloatingLabel (third party custom component) and tap "Save" button.
  6. Take a look at the console and see instead of showing the Arabic or Kurdish input data, it is an unreadable gibberish output.

Does this issue happen every time?

_Yes

Send the client logs

main_19-03-06_04-25-23.820.log

EDIT: I thought this problem is only related to using that custom component, but I was wrong, now, every Arabic or Kurdish or RTL language characters are gibberish in console, try writing console.log("العربییە"); and it is gibberish in the console. Before two days ago Arabic and RTL characters were displayed in the console correctly and totally fine, but I updated ns-core-module, and it might be the cause of this bug.

NickIliev commented 5 years ago

@Izrab it seems that the issue is related to the Chrome DevTools console (which is the one that is starting when using the debug option). The issue is related to encoding settings for the Chrome itself.

Meanwhile, the Sidekick console ("Device Console") and respectively the NativeScript CLI is displaying the text in Arabic as expected - you can use the SIdekick console to observe your logs.

NickIliev commented 5 years ago

This issue was moved to NativeScript/nativescript-cli#4433