Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.
SOLVED

Why am able to click on outside area of fileupload coral widget

Avatar

Level 5
Level 5

When am trying to use a file upload in Touch UI dialog, i can see that the user/author is able to get the upload file popup window on click of outside area of the coral file-upload widget. which gives me not favor authoring experience when i have a more than one file upload widgets in a dialog.

fileupload.pngfileupload-inspect-element.png

Attached the dialog screenshot below of my node structure, example that i have created for this issue by updating the below tutorial sample package.

Adobe Experience Manager Help | Creating your first Adobe Experience Manager Touch UI component

File upload dialog Node

1343349_pastedImage_4.png

1 Accepted Solution

Avatar

Correct answer by
Level 10

THis is really strange - i just tested too - see:

ADrop22.png

Now when I open in Chrome - it works as expected:

ADROP1.png

I am not seeing the popup when i click outside of the red. What browser are you using?

If you see this - then I do recommend opening a ticket. I have never seen this however.

UPDATE - just tested on FF and MS EDGE (still getting used to that name after so many years of IE)

View solution in original post

9 Replies

Avatar

Level 6

Hi I tried this with one of the OOB Image component. I dont find any issue in drag and drop of asset. This working as expected. Find attachments bellow. Can you pls compare your image node with following image node below.

1343384_pastedImage_1.png

1343362_pastedImage_0.png

This snippet might help.

<file

                        jcr:primaryType="nt:unstructured"

                        sling:resourceType="granite/ui/components/foundation/form/fileupload"

                        autoStart="{Boolean}false"

                        class="cq-droptarget"

                        fieldLabel="Image asset"

                        fileNameParameter="./fileName"

                        mimeTypes="[image]"

                        multiple="{Boolean}false"

                        name="./file"

                        title="Upload Image Asset"

                        uploadUrl="${suffix.path}"

                        useHTML5="{Boolean}true"/>

Thanks

Avatar

Level 5
Level 5

Hi,

The issue is user is able to click outside of the Widget area of file-upload (As shown in the image) inside the dialog window, where the label also shows up on mouse hover.

Avatar

Level 6

I don't see this happening on my instance.

smacdonald2008kautuksahni​ Can you please assist further ?

Avatar

Level 5
Level 5

Hi,

Am using a AEM 6.2, and below is the video of the Dialog issue.

Avatar

Level 10

I will test this too - i have never seen this issue before.

Avatar

Level 6

Var Yes I do see this issue in AEM 6.2 for OOB image component too.

smacdonald2008​ i think we need a support ticket for team to look into this.

Avatar

Correct answer by
Level 10

THis is really strange - i just tested too - see:

ADrop22.png

Now when I open in Chrome - it works as expected:

ADROP1.png

I am not seeing the popup when i click outside of the red. What browser are you using?

If you see this - then I do recommend opening a ticket. I have never seen this however.

UPDATE - just tested on FF and MS EDGE (still getting used to that name after so many years of IE)

Avatar

Level 5
Level 5

I am using Google Chrome 62.0 version

1344027_pastedImage_0.png