Why am able to click on outside area of fileupload coral widget | Community
Skip to main content
Var
Var
Level 4
November 7, 2017
Solved

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

  • November 7, 2017
  • 9 replies
  • 4257 views

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.

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

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
Best answer by smacdonald2008

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

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

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)

9 replies

manoj_devapath
manoj_devapath
Level 5
November 7, 2017

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.

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

Var
VarAuthor
Level 4
November 7, 2017

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.

manoj_devapath
manoj_devapath
Level 5
November 8, 2017

I don't see this happening on my instance.

smacdonald2008​ kautuksahni​ Can you please assist further ?

Var
VarAuthor
Level 4
November 8, 2017

Hi,

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

smacdonald2008
smacdonald2008
Level 10
November 8, 2017

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

smacdonald2008
smacdonald2008
Level 10
November 8, 2017

Ratna Kumar​ - thoughts here?

manoj_devapath
manoj_devapath
Level 5
November 8, 2017

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.

smacdonald2008
smacdonald2008Accepted solution
Level 10
November 8, 2017

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

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

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)

Var
VarAuthor
Level 4
November 8, 2017

I am using Google Chrome 62.0 version

Terms & ConditionsAccessibility statement

Loading footer...