I have a Screen where First i have taken Scrollable area vertical inside that table inside table in each row there is dropdown search as below Diagram
When i try to expand the dropdown to select values as it is under scrollable widget the expanded area of dropdown is hiding some part of dropdown under table as below shown image actually it should come above the add row button.
Hello Hidayat,
I hope you're doing well.
Why are you using the "ScrollableArea" widget?
You can use the "DropdownSearch" widget inside of the row and that widget has scroll.
Please see the OML file attached.
Let me know if this suits your needs.
Kind regards,
FC
Hello @Fábio Miguel Ferreira Coelho
Thank you so much for your suggestion but as per the requirement table should have only 3 records if we click on add row it should add new record and table height should not increase so I have used scrollable area i tried adding
overflow:inherit;
css to scrollable area it reflected properly for dropdown but again table scrolling was not working height of the table was increasing
Hi Hidayat,
Can you share the OML file, please?
If you can't share the original OML file, please export the case to a dummy OML file and share.
Thank you,
In fact if you have this requirement you need to limit the height and put scroll with the widget or with CSS. Your problem is about z-index.
I add this problem in past, I don't remember well why but I did my own dropdown search.
And also I have an option to create an item in this widget. If you want I can put this widget on forge for you.
Anyway you can try to manage with z-index on CSS.
Regards