topic mobile support not working on js api 4.x in ArcGIS JavaScript Maps SDK Questions

mobile support not working on js api 4.x

litch — Tue, 17 Jan 2023 12:57:39 GMT

hey, I'm using the esri github "js-api-resources" to kickstart creating a new app.

the photo is an unchanged build but the mobile support is missing(?).

the web-samples and live builds seem to work (same css). anything im missing or should change? this is the webpack sample "straight out of the box".

example from a the build after running(not supported):
npm i

and

npm run start

example from a live sample:

example from the esm-cdn folder(and what i expected to get):

Re: mobile support not working on js api 4.x

AndyGup — Tue, 17 Jan 2023 15:53:50 GMT

Hi @litch I'm unable to determine what's going on from the screen shots. Are all three screenshots taken using the iPhone 12 Pro simulator mode? That phone has a native resolution of 2532 x 1170 at 460ppi which can make UI elements look really small when running in simulation mode in a desktop browser.

Re: mobile support not working on js api 4.x

litch — Tue, 17 Jan 2023 16:39:05 GMT

hi @AndyGup ,

the screenshot is just an example, the problem persists in every mode,

when working from the webpack build mobile support is non-existent.

heres a side to side of webpack and the esm-cdn folder:
both should hold the same code and look the same unsimulated,

i tested examples on a production server too, the problem is happening on the phone (non simulated).

Re: mobile support not working on js api 4.x

AndyGup — Tue, 17 Jan 2023 16:40:39 GMT

@litchokay we were able to reproduce this, it's because the webpack sample doesn't set the HTML viewport.

In the webpack sample under /public/index.html try add this:

Re: mobile support not working on js api 4.x

litch — Tue, 17 Jan 2023 17:15:31 GMT

it works! thanks @AndyGup