topic Re: Problem with Safari and Widget with a height "auto" in ArcGIS Experience Builder Questions

Problem with Safari and Widget with a height "auto"

MatthiasDufour — Sun, 11 Oct 2020 20:04:45 GMT

Hi,

I just put an Experience online for test.
Test is good with Edge and Chrome on Windows 10 and Android.
With Firefox, on Windows 10 and Android, the text in the home window is set "Justify" but it is left aligned.

There is a problem with Safari (tests with iPhone 8, iPad and MacBook Air).
Widgets set with a height "auto" appear truncated.
Here is the link to my Experience:
https://epavesdugrizzly.fr/?data_id=dataSource_9-%C3%89paves%3A30%2CdataSource_7-%C3%89paves%3A30&page=page_0&views=view_2

Truncated elements (Image, Text, Feature Info) are on the left part.

Can anyone from the ArcGIS Experience Builder team help me?

Re: Problem with Safari and Widget with a height "auto"

JoelMcKechnie — Wed, 01 Feb 2023 03:37:01 GMT

I've come up against this as well recently. Matthias, have you found any solutions?

Re: Problem with Safari and Widget with a height "auto"

MVpes — Mon, 08 May 2023 15:57:25 GMT

I also have the same issue. My experience works well in browsers like Firefox and Microsoft Edge, but the widgets don't seem to re-size in Safari. Has anyone already started a support case and has received answers?

Re: Problem with Safari and Widget with a height "auto"

ShengdiZhang — Tue, 09 May 2023 06:24:14 GMT

Test is good with Edge and Chrome on Windows 10 and Android.
With Firefox, on Windows 10 and Android, the text in the home window is set "Justify" but it is left aligned.

There is a known limitation of Safari that the text-align: justify property requires white-space: normal to work properly on Safari.

I cannot reproduce the auto height issue with widgets such as the image and the feature info, can you give me a sample app?

Thanks,

Shengdi

Re: Problem with Safari and Widget with a height "auto"

MVpes — Tue, 09 May 2023 07:48:50 GMT

Hi Shengdi

Thanks for your answer. This https://experience.arcgis.com/experience/994323361cfc406f9bc2b4bc38d02984 is the Experience I created, which works fine on Firefox/Edge but the widgets are "cut" when resizing a Safari browser window.

Re: Problem with Safari and Widget with a height "auto"

TonghuiMing — Wed, 10 May 2023 03:09:48 GMT

@MVpes Thanks for the feedback, yet the image widget with the 'Fit' position has a limit in Safari, it has been documented in the official doc, and here are a few similar posts:

https://community.esri.com/t5/arcgis-experience-builder-questions/image-widget-tablet-and-mobile-quot-fill-quot/m-p/1189694#M4801

https://community.esri.com/t5/arcgis-experience-builder-questions/responsive-experience-not-working-on-ios/m-p/1201351#M5077