Esri / crowdsource-reporter

An ArcGIS Online group application template authored by organization and made available to constituents to report a problem or observation.
http://solutions.arcgis.com/local-government/help/crowdsource-reporter/
Apache License 2.0
25 stars 32 forks source link

BUG-000103577 An error returns in the Internet Explorer web browser when clicking to view the attached image in the Crowdsource Reporter. #293

Closed allisonmuise closed 7 years ago

allisonmuise commented 7 years ago
Open ArcGIS Online
  1. Sign into ArcGIS Online.
  2. Select My Organization.
  3. Select EDIT SETTINGS.
  4. Choose the Security tab on left.
  5. Check on Allow access to the organization through HTTPS only.
  6. Select SAVE.
Create a new feature layer
  1. Select My Content.
  2. Select Create and Feature Layer.
  3. Select AED and click CREATE.
  4. Enter the title of layer and click DONE.
  5. In the item details page of the created layer, copy it service URL.

Create a new referring feature layer and web map
  1. Go back to My Content.
  2. Click Add Item and From the web.
  3. Select ArcGIS Server web service.
  4. Paste the copied url.
  5. Enter your ArcGIS Online user name and password.
  6. Select Store credentials with service item.
  7. Enter a title and add a tag and click ADD ITEM.
  8. Add the layer to Map Viewer.
  9. Click Edit and create a new feature. Attach an image file to it.
  10. Save the map

Create Crowdsource Reporter
  1. Create a group.
  2. Select the added layer and the map and share them to the group created in the previous step.
  3. Go to the group page.
  4. Click Share and CREATE A WEB APP.
  5. Select the Crowdsource reporter template and click CREATE WEB APP.
  6. Enter a title and add a tag, and click DONE.
  7. Save and close the app

Limit referrer URL
  1. In the app’s item details page, copy the URL.
  2. Click My Content and click the added feature layer.
  3. Click the Settings tab and click Limit Usage.In the Referrer URL or IP box, paste the copied app’s URL and click Add. Click OK.

Test in IE
  1. Open the Crowdsource Reporter app in IE.
  2. Open the app as a guest.
  3. Click the feature in the right panel.
  4. Click the attachment button.
  5. Click the thumbnail image.
  6. The error appears and the image is not shown.
Notes:
  • This issue is not reproducible in FireFox and Chrome.
Data:
Salesforce ID: BUG-000103577
Salesforce Submitter: Nur Afifah Azhar
Salesforce Submit Date: 3/13/2017 9:02 AM
Salesforce Bug Type: Failure/Error
Salesforce Severity: Medium
Repro Data: (n/a)
Work Around: (n/a)
Product: ArcGIS Online
Functional Category: ArcGIS Online Application Templates
Client Platform: (n/a)
Version Found: N/A
Planned Version Fixed: (n/a)
Comment: (n/a)
allisonmuise commented 7 years ago

@CTLocalGovTeam I can still reproduce this issue, but it does require following the repro steps above exactly. The issue appears because of the level of security, I think.

Here is a repro app that you should be able to reach: https://utility.arcgis.com/usrsvcs/servers/21ab907cdc5d4760a66593e6538e9bc9/rest/services/test/FeatureServer/0/1/attachments/1

In FireFox, I can click on the thumbnail and get the full image. In IE11 I cannot.

allisonmuise commented 7 years ago

@CTLocalGovTeam Could you please summarize the information you've found so far on this issue?

CTLocalGovTeam commented 7 years ago

@allisonmuise

We are able to reproduce the issue. This is related to how the request's are handle.

When application request's the thumbnail of an attachment, the 'Referer' parameter is set to application URL. image

However, when we click on image thumbnail to see the actual image, 'Referer' parameter is not present in the request. This is because we are doing window.open to see the image.

image

'Referer' is nothing but the reference of browser page.

CTLocalGovTeam commented 7 years ago

@allisonmuise

As discussed, the only option to see the images in IE is to create a dialog which will open inside the application. This is high LOE and we need to change the entire approach to show images in a dialog box.

This will also need a lot of testing as CSR application is supported across different screen sizes.

allisonmuise commented 7 years ago

Thanks, @CTLocalGovTeam closing this issue as it is not something we can address within the framework of the app.