slack-digest/2020-11-25.md

Cordova Slack Digest

Wed, 25 Nov 2020 08:26:41 GMT

Join the conversation at slack.cordova.io

Channel #general (22 messages)

Tue, 24 Nov 2020 13:04:05 GMT

@norman137 says

Crashing in what way? The entire app is closing down or you‘re just seeing a white screen or something? If the latter... best way to debug startup issues on safari is to launch the app, load the safari web inspector, then use cmd+r while the web inspector is focused to refresh the webview in the app. Safari doesn’t report on log events that occurred before the inspector was attached, so this will get safari to report on any potential JS errors that is occurring on launch.
If the former... you're gunna have to look at the xcode logs for the native output for hints.

Tue, 24 Nov 2020 14:48:03 GMT

@iamfrankstallone says

What causes iOS’s native accessibility features from zooming text in Cordova apps? I first started with our meta viewport with content="width=device-width, initial-scale=1, maximum-scale=5" which I believe should allow for user scaling of a website, but changing the mobile Safari settings for Page Zoom, nor Accessibility > Display & Text > Large Text scaled up changes the text size on our app.

Tue, 24 Nov 2020 14:57:34 GMT

@iamfrankstallone says

I found -webkit-text-size-adjust: none on the html in CSS, removing that to see if it makes a difference.

Tue, 24 Nov 2020 15:05:23 GMT

@norman137 says

content="width=device-width, initial-scale=1, maximum-scale=5 should allow your app to accept pinch to zoom gesture.

Tue, 24 Nov 2020 15:11:38 GMT

@iamfrankstallone says

We would rather not allow pinch to zoom, but we would want users to bump up the text

Tue, 24 Nov 2020 15:17:48 GMT

@dpogue says

You can do that in CSS: https://dev.to/colingourlay/how-to-support-apple-s-dynamic-text-in-your-web-content-with-css-40c0

Tue, 24 Nov 2020 15:17:56 GMT

@dpogue says

it's unrelated to the meta viewport tag

Tue, 24 Nov 2020 15:20:19 GMT

@iamfrankstallone says

Bah, we have our own typeface.

Tue, 24 Nov 2020 15:20:33 GMT

@iamfrankstallone says

“but it also enforces Apple’s system font family too” won’t work

Tue, 24 Nov 2020 15:20:41 GMT

@iamfrankstallone says

Interesting CSS rule

Tue, 24 Nov 2020 15:21:13 GMT

@dpogue says

You can specify the font, and then change the face separately

Tue, 24 Nov 2020 15:21:16 GMT

@iamfrankstallone says

Oh… as he reads further, “Then, you’re free to specify your own font-familys”

Tue, 24 Nov 2020 15:26:18 GMT

@iamfrankstallone says

This feels like a great solution, for Apple devices, but we support Android, too. We’ll want font scaling available for them there as well.

Tue, 24 Nov 2020 15:32:07 GMT

@dpogue says

I think on Android, if you set all your font sizes as em then it will work

Tue, 24 Nov 2020 15:39:07 GMT

@iamfrankstallone says

Hmm, that may require some refactoring

Tue, 24 Nov 2020 15:39:30 GMT

@dpogue says

em or rem should work

Tue, 24 Nov 2020 15:39:54 GMT

@iamfrankstallone says

It’s pixel based everywhere, and I am not sure all the teams are using my variables. If they are it’s a 1:1 replacement.

Tue, 24 Nov 2020 15:58:03 GMT

@iamfrankstallone says

So this is interesting. I tried

  html {
    font: -apple-system-body;
  }
}```
On the root of our app and it works for the main `&lt;section&gt;` of our Chat bot, not the `&lt;header&gt;` or other “pages” in the UI with similar `&lt;section&gt;` ’s.

Tue, 24 Nov 2020 17:27:02 GMT

@iamfrankstallone says

I realized that there is no set px font for any of the items in the Chat bot window I spoke of above. That is probably why it scales so well.

Tue, 24 Nov 2020 18:05:27 GMT

@iamfrankstallone says

Follow up: Moved our font variables to rems and that seems to have done the trick in iOS to make all views update text size when going to Settings > Accessibility > Display & Text Size > Display & Text Size > Large Text > Bumping up the scale.

Tue, 24 Nov 2020 21:18:05 GMT

@tomkinson says

Is anyone doing hot code pushes in development at the moment? Is there some best practices or a plugin you recommend? I see the hot-push plugin was depreciated in ‘18 so if anyone has an alternate recommendation we’re all ears (and very interested how you do it). Thanks in advance! 👊

Tue, 24 Nov 2020 21:55:02 GMT

@norman137 says

hmm I dont think this does native or auto reloads... but cordova can serve the cordova web assets using the cordova serve command. It will run a webserver that you can point the <content src> to. Some more details at https://cordova.apache.org/docs/en/latest/reference/cordova-cli/#cordova-serve-command
Hot code pushes for development is not something I really do... though I acknowledge it could save a lot of time especially in active development.

Channel #cordova-electron (1 messages)

Tue, 24 Nov 2020 17:03:31 GMT

@prasunjajodia says

for windows, for all my icons to work for appx, I had to copy all my icons (with correct file names) to platforms/electron/build-res/appx/ . All icons worked after I did that. Maybe the same applies to mac @timkremer @kinan