Table - Autocomplete & Date cellEditorType : dropdown is hidden behind grid container (date and select)

quynh-le-trimble commented 3 months ago

Prerequisites

[X] I have searched for duplicate or closed issues
[X] I have read the contributing guidelines

Describe the issue

When using the autocomplete within the Modus Table, the dropdown that is extended is hidden behind the grid. I expect the dropdown to be in front of the grid.

To Reproduce:

Setup a modus table with 1-2 records (small grid size) and configure one of the columns and set cellEditorType: "autocomplete" or "date".

example:

{...
      cellEditable: true,
      cellEditorType: 'autocomplete', // or 'date'
      cellEditorArgs: {
        options:[
          { display: 'Cost center1' },
          { display: 'Cost center2' },
          { display: 'Cost center3' },
          ]        
      },

Try to open the dropdown.
The dropdown will appear behind the grid container.

Reduced test cases

No response

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome

What is the issue regarding ?

@trimble-oss/modus-web-components

What version of npm package are you using ?

0.35.0

Priority

Medium

What product/project are you using Modus Components for ?

Prism

What is your team/division name ?

Prism Blue Team

Are you willing to contribute ?

None

Are you using Modus Web Components in production ?

No response

github-actions[bot] commented 3 months ago

Hello @quynh-le-trimble! Thanks for opening an issue. The Modus core team will get back to you soon (usually within 24-hours) and provide guidance on how to proceed. Contributors are welcome to participate in the discussion and provide their input on how to best solve the issue, and even submit a PR if they want to.

Please wait until the issue is ready to be worked on before submitting a PR, or you can reach out to the core team if it is time bound. For trivial things, or bugs that don't change the expected behaviors and UI, you can go ahead and make a PR.

prashanth-offcl commented 3 months ago

UX direction is to display the dropdown on top of the table.

trimble-oss / modus-web-components