Does anyone run into an issue w/ certain widgets/images not showing sometimes?

[msereda]

I'm not sure how best to explain this, so I've inserted a few screenshots:

Note the zoom buttons & home button icon:

Measurement widget:

Sometimes when I load up my application using the CMV I get the issue shown in the screenshots above, where some things just don't load correctly. I don't get any errors in the console, and if I refresh the page it then loads correctly. This often occurs on 'first load', ie I've made a new change, or it's first run of the day, so it makes me think that something these widgets need isn't loading fast enough in these cases, whereas on second run it doesn't need to reload as it's already cached.

I'm just not sure how to troubleshoot this as it doesn't happen often enough to be able to reproduce it regularly, so if anyone has this same issue happen to them, any light that you can shine on it would be very helpful. Thanks!

[kcarrier]

Would you mind sharing the code from viewer.js as a gist? I have seen this as well sometimes but in working on the config/viewer.js today I was given some suggestions on ways to circumvent certain behavior. I am no expert but I might be able to help.

[DavidSpriggs]

Might be a web fonts issue. Is your web server setup to server the web font mime type? Look in dev tools and see if the web font request is successful. You can have a web.config for iis or you can add these directly to iis globally under mime types. https://codingstill.com/2013/01/set-mime-types-for-web-fonts-in-iis/ this may not be the issue but good to check.

[tmcgee]

The images that appear to be missing in the screenshot are coming from the JavaScript API widgets. This sounds like a either an issue with the API, a timeout or a caching issue in the browser. I have noticed that the CDN for the Javascript API has frequently been very slow at responding lately. It is possible that the content has not yet downloaded from the CDN on first load and then it is available from the browser's cache on second load.

[DavidSpriggs]

I asked about other resources, like web fonts loading, because this could be a timing issue with resources loading or not loading as @tmcgee pointed out with the CDN. How often does it happen for you? I have never had this happen for me.

[msereda]

Thanks guys. I'll look into the web fonts suggestion this week and if that doesn't help I'll see what I can do about sharing the viewer.js for @kcarrier. Since this doesn't happen in a easily reproducible fashion it'll probably take awhile to know if any one thing worked.

@tmcgee I'm not using the CDN so that's one possibility that can be eliminated. :) I do agree though that it feels like a timeout type issue.
@DavidSpriggs I'll see if I can start getting a count of how many times I see it in a period of time. If I'm doing a good eight hours of development on the map in a day, probably once or twice. I have also seen it a few times on the machines of our clients so I know it's not a 'my machine' issue.

[tmcgee]

@msereda what browser? same or different browser/version on the client machines?

[msereda]

@tmcgee Everywhere I've seen it lately has been while using Firefox - currently at ver 31. I'm pretty sure it used to happen on IE10 too but I haven't done nearly as much testing on it since they installed FF on the entire corporation's machines. Chrome is disallowed here so unable to try it on that.

[VernDaddy]

I've been seeing something similar to this on an iPad mini. I don't have the iPad at this time so I don't really know what the iOS or Safari version it is. It doesn't show up on an iPad simulator. For me it happens after I run a query with the find widget. Everything loads fine initially but then once I run a query the widgets start disappearing. If you click where they are supposed to be they will come back sometimes. I've attached a couple of before and after photos.

[tmcgee]

@VernDaddy There was an identified problem with iOS for the Find widget and the StreetView widget that exhibited this behavior. A fix using css was added prior to the 1.2.0 release last week. Try that release and let us know if that does not fix the issue you've presented here.

[DavidSpriggs]

Yes, @VernDaddy it looks like you have an older version. I believe this is fixed in the current version of 1.2.1.

[tmcgee]

Just for clarity, version 1.2.1 has not been released yet.

The current version which does have the fix is version 1.2.0.

[msereda]

Just a small update - After having the issue occur ~5 times in one work day (while I was trying to get a few other things done), I now haven't seen it in 2 days (now that I'm ready to look at it). I'm fairly certain now though that it's something to do with the esri.css file, as I finally realized that everything not showing up when this happens is from that specific file. Not sure what's going on there yet.

[VernDaddy]

I finally got around to updating our version of the app since I saw that 1.3.0 was released but unfortunately I am seeing the exact same behavior as I documented in the screen caps above back when I was using 1.1.2. The app is at https://www.cityofevanston.org/gis/viewer

Any other suggestions as to what else it might be since the css fix doesn't seem to remedy the problem?

[tmcgee]

@VernDaddy, thanks for coming back to this. When you first added your comment, I was thinking it was probably a different issue given the slightly different appearance in your screenshots. A couple of questions come to mind:

1. Did you determine the version if iOS and Safari on that iPad mini?

2. Are you able to install and try Google Chrome on the iPad to determine if it exhibits the same behavior? Not suggesting Chrome is your final solution but it might shed some light if we can narrow it down to the browser or the platform.

3. The brand spanking new version iOS Safari 8 has some tremendous improvements in compatibility and support for HTML5 standards. Just wondering out loud if that is a possible solution.

To others using iPads and iPhones, have you seen similar behavior in the latest versions of CMV on your sites?

[tr3vorm]

@tmcgee No, but have not tried on iOS 8 yet (or CMV 1.3.X)

[tmcgee]

@tr3vorm for completeness, can you post here what model iPad/iPhone and version of iOS you are testing with? I assume you are using Safari for the browser. Thanks.

[tr3vorm]

iPad (current gen model A1430?) Safari and iOS 7.1.2
iPhone 5S Safari iOS 8

[VernDaddy]

The iPad I'm seeing it on right now is a model MD528LL/A running iOS 7.1.1(11D201) and I'm seeing it on Safari. I'll see if I can get Chrome installed on the iPad to test that.

[VernDaddy]

@tmcgee I just installed Chrome on the iPad and I am still seeing the same behavior.

[tmcgee]

@VernDaddy Does the same thing occur if you do a find on the cmv demo app? https://demo.cmv.io/viewer/

The second option in the drop-down list for the FInd Widget is Find Incident By Code/Description. Select that one and search for 'toxic'. That should return 2 features - an Incident line and an Incident Area (polygon). Touch the second result to zoom to the polygon. That's the closest I can think of that matches your Parcel search. Let me know if you experience the same behavior or not.

Also wondering if the results change when you Clear Cookies and Data and Clear History for Safari (The description might be different in iOS 7.1). I would not expect this to change anything since you see the same results in Chrome but worth a shot.

[VernDaddy]

@tmcgee Same exact behavior on the demo app in Safari and Chrome. I also cleared everything in Safari and still saw the same thing. I've got a line on an updated iPad with iOS 8 so I'll give that a try and report back.

[tmcgee]

@VernDaddy Thanks for confirming with a second site. Now we can focus blame on that iPad or cmv code and not on your server install of cmv.

[VernDaddy]

@tmcgee The iPad I thought was going to be iOS 8 actually has iOS 7.1.2 and the results are the same. I'll keep looking for one with iOS 8.

[LarryStout]

I upgraded my 3rd Generation iPad to iOS 8 last night is there a link I can go to to help?

Larry

[cid:[email protected]]

From: VernDaddy [mailto:[email protected]]
Sent: Wednesday, September 24, 2014 10:54 AM
To: cmv/cmv-app
Subject: Re: [cmv-app] Does anyone run into an issue w/ certain widgets/images not showing sometimes? (#174)

@tmcgeehttps://github.com/tmcgee The iPad I thought was going to be iOS 8 actually has iOS 7.1.2 and the results are the same. I'll keep looking for one with iOS 8.

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/174#issuecomment-56682054.

[tmcgee]

@LarryStout: Thanks for jumping in.

This is @VernDaddy's site: https://www.cityofevanston.org/gis/viewer/
He also sees the same results on the demo site: https://demo.cmv.io/viewer/

If this continues, I might have to drive to the Apple Store and "test drive" one of the newer iPads in the store (haha).

[VernDaddy]

For what it's worth I have noticed that if you click above the results in the white space where you used to be able to see the widgets it's like they still work but you can't see them. The widgets become visible again once you click on the invisible "Clear" button in the Find widget which is just above the results on the right side. This would seem to indicate that it is specifically when the widget is displaying results that is messes up things since if you get rid of the results things go back to normal.

[VernDaddy]

@tmcgee The good news is I just updated an iPad to iOS 8 and I'm not seeing the problem anymore in Safari or Chrome. The bad news on my end is I'm guessing most of the iPads we've given out as an IT department to our elected officials are still running iOS 7.

[LarryStout]

I’m not seeing this behavior from either site on and iPhone 4s or a 3rd Generation iPad, both running iOS 8.0.

I did notice, however, that the widgets wouldn’t float on either device. Is this by design?

Larry

[cid:[email protected]]

From: Tim McGee [mailto:[email protected]]
Sent: Wednesday, September 24, 2014 11:04 AM
To: cmv/cmv-app
Cc: Larry Stout
Subject: Re: [cmv-app] Does anyone run into an issue w/ certain widgets/images not showing sometimes? (#174)

@LarryStouthttps://github.com/LarryStout: Thanks for jumping in.

This is @VernDaddyhttps://github.com/VernDaddy's site: https://www.cityofevanston.org/gis/viewer/
He also sees the same results on the demo site: https://demo.cmv.io/viewer/

If this continues, I might have to drive to the Apple Store and "test drive" one of the newer iPads in the store (haha).

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/174#issuecomment-56683748.

[tmcgee]

@LarryStout That isn't by design and does work with Android devices without any special consideration. For better or for worse, Apple does "think different" :)