It was an iOS bug. Apple fixed the issue starting with iOS 11.3.

@dreamer,

Write it as follows:

document.getElementById(‘range1’).value = 75;

Code: https://codepen.io/jamalassaf/pen/GLXZqz

@rkoeln, check the following:

https://www.chartjs.org/docs/latest/getting-started/integration.html

Maybe it has to do with the Content Security Policy. From the above link, it states:

By default, Chart.js injects CSS directly into the DOM. For webpages secured using Content Security Policy (CSP), this requires to allow style-src ‘unsafe-inline’. For stricter CSP environments, where only style-src ‘self’ is allowed, the following CSS file needs to be manually added to your webpage:

<link rel=“stylesheet” type=“text/css” href=“path/to/chartjs/dist/Chart.min.css”>
And the style injection must be turned off before creating the first chart:

// Disable automatic style injection
Chart.platform.disableCSSInjection = true;

@gordonridgway, the following is the response I received from Monaco support

“The Monaca servers are in Japan so for overseas users it really depends on your connection. However, we have also tested it from the UK and the speed is fine from there.”

They should really have redundant servers to avoid connectivity issues.

I wonder if there are others users with the same issue.

I am in the US. Where are you located?

@qfard, under iOS if there is no splash screen specified, the app view height is shrunk. I wonder if this applies to Android devices. Do you have a splash screen of the recommended size added to your project.

I have a project in Localkit. After I click on Settings and wait for some time with the loading icon spinning, then I get the ESOCKETTIMEOUT error. I tried several times and it only worked once, all other times, I got the error or a blank Monana screen.

Monanca dev team, please fix this issue. Monaca is not usable at the moment.

@username1, see https://onsen.io/v2/api/js/ons-navigator.html

This should give you a starting point.

@qfard, you are missing: height=device-height

Change the tag to:

<meta name=“viewport” content=“width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no;viewport-fit=cover”>

@master, see if this helps you!

https://community.onsen.io/topic/2980/ons-radio-does-not-show-the-round-border-simply-show-tick-mark-if-checked

Just replace radiobutton with checkbox and play with it in Codepen.

@jae, use CSS. Here is a sample:

<ons-modal direction="up" style="margin:auto;height: 100px;width: 100px;background:red;">

  <div style="text-align: center">
    <p>
      <ons-icon icon="md-spinner" size="28px" spin></ons-icon> Loading...
    </p>
  </div>
</ons-modal>