Open-event-frontend: Organizer Session Page: Dropdown menu results in internal scroll bar

[mariobehling]

When an organizer clicks on status pending, accepting etc. in the last row of a page suddenly an internal scroll bar shows up and the dropdown menu appears below other page elements.

Expected: No internal scroll bar. Elements should be on top of below elements.

[maze-runnar]

Expected: No internal scroll bar. Elements should be on top of below elements.

It is showing in that way when it is as the end of wondow not at end of table. Because semantic ui don't work in that way. Because for each cell the dropdown behaviour would be compressed then and be limited to that cell. it shows upside when it is at the end of wondow.

[abhpd]

Making overflow: visible for div id="ember1057" solves the scroll bar issue. But my question is can we do that as the top bar of the table (thead) id="ember1058" is position: static and scroll down with the display?

[Abhijay007]

When an organizer clicks on status pending, accepting etc. in the last row of a page suddenly an internal scroll bar shows up and the dropdown menu appears below other page elements.

Expected: No internal scroll bar. Elements should be on top of below elements.

sir, can you please share the link to the page or location of the file in the codebase.

[iamareebjamal]

@mariobehling There are 2 possible solutions:

1. Expand the table from below so the dropdown doesn't get cut
2. Instead of dropdown, a modal popup is shown

[mariobehling]

@iamareebjamal I think a pop up is too big of a thing. I saw the screenshot above of @abhpd which looked good, but if that has other issues just extending seems fine, do you think?

[iamareebjamal]

• That'll overflow the table contents, so let's go with table expansion

[nikolaytoplev]

I am going on table expansion.

[nikolaytoplev]

I implemented table expansion.

[iamareebjamal]

The current solution works. But the logic is too complicated. Reopening in hope of a codeheat participant finding a better solution

[daretobedifferent18]

@iamareebjamal I think the issue is not yet resolved.
This is what I am getting same behavious as was before PR was merged

[iamareebjamal]

I had to revert the PR because it was caausing other issues

[abhpd]

@iamareebjamal @mariobehling I might have a better solution, can you assign it to me? Thank you.

[maze-runnar]

submit a PR

[rithgan]

@iamareebjamal @mariobehling I might have a better solution, can you assign it to me? Thank you.

Are you still working on it?

[abhpd]

@iamareebjamal @mariobehling I might have a better solution, can you assign it to me? Thank you.

Are you still working on it?

No.