How to make coral 3 UI select box to open downward in cqLdialog?

Avatar

Avatar
Boost 1
Level 1
hptarora
Level 1

Like

1 like

Total Posts

20 posts

Correct reply

0 solutions
Top badges earned
Boost 1
Validate 1
View profile

Avatar
Boost 1
Level 1
hptarora
Level 1

Like

1 like

Total Posts

20 posts

Correct reply

0 solutions
Top badges earned
Boost 1
Validate 1
View profile
hptarora
Level 1

09-06-2020

Hi,

I am using AEM 6.4. I have coral 3 UI select box and when click, it opens upward and does not show all the option. User has to scroll down the dialog box and then click the select box, it opens downward. See the screenshots. when click background color, it opens upward.

How to make select box to open downward always?

 

Thanks

HarpreetScreen Shot 2020-06-10 at 11.34.23 am.pngScreen Shot 2020-06-10 at 11.34.42 am.png

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Establish
MVP
Nupur_Jain
MVP

Likes

165 likes

Total Posts

186 posts

Correct reply

76 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 25
View profile

Avatar
Establish
MVP
Nupur_Jain
MVP

Likes

165 likes

Total Posts

186 posts

Correct reply

76 solutions
Top badges earned
Establish
Ignite 1
Give Back 5
Give Back 3
Give Back 25
View profile
Nupur_Jain
MVP

09-06-2020

Hi @hptarora 

 

The way selection works is that when you open selection, JS works and calculates the visible area you have upwards and downwards and if the area upwards is more, it sets the top style according to the selection dropdown making it open upwards.

 

There is no OOTB option to stop this functionality to work. You can write your own js to overwrite the style set by selection JS or overlay selection JS but I think you should not change it otherwise you will have to handle many other things by yourself.

 

Thanks,

Nupur

Answers (0)