topic Pop-up Text Overflow on Mobile in ArcGIS Instant Apps Questions

Pop-up Text Overflow on Mobile

ArielLow2146 — Tue, 27 Sep 2022 22:39:36 GMT

I'm having an issue where on a mobile device the email address is getting cut off. The mobile device is a Samsung Galaxy and the browser is Chrome.

This is happening in a Zone Lookup App and seems to only be happening with the email, other text appears to flow to the next line correctly. The source HTML from the pop-up text element is as follows:

OR House District {DISTRICT} - {Name}  Party: {Party}  Phone: {Phone}  Address: {Address}  Email: <a href="mailto:{Email}" rel="nofollow ugc">{Email}</a> <a href="{URL}" rel="nofollow ugc">Website</a>

Re: Pop-up Text Overflow on Mobile

BethRomero — Wed, 28 Sep 2022 18:47:37 GMT

You can add a scroll to accommodate longer content with the below custom CSS. An issue has been logged to add a scroll by default, this will be included in the next update of ArcGIS Online.

.esri-feature-content{
overflow:scroll;
}

Re: Pop-up Text Overflow on Mobile

ArielLow2146 — Thu, 29 Sep 2022 16:09:42 GMT

Thanks @BethRomero! Excited to hear that this will be included by default in the future.

One other solution which was suggested by one of my colleagues was the following CSS:

.esri-feature-content a {

word-break: break-word;

}