Skip to content

Comments

Z index UI issue#442

Open
JagadeeshSwarna3 wants to merge 5 commits intoParaLogicTech:version-15from
JagadeeshSwarna3:Z_index_UI_issue
Open

Z index UI issue#442
JagadeeshSwarna3 wants to merge 5 commits intoParaLogicTech:version-15from
JagadeeshSwarna3:Z_index_UI_issue

Conversation

@JagadeeshSwarna3
Copy link

@JagadeeshSwarna3 JagadeeshSwarna3 commented Jun 3, 2025

PR Description

Issue:
In the Account Group Mapping report, when selecting account groups in the rows, the awesomplete dropdown is rendered inside a scrollable container. As a result, it gets clipped by the container's boundaries, regardless of the z-index value. This creates a poor user experience where dropdown options are partially or entirely hidden.

image

Technical Details:

  • If overflow: visible is set on the scrollable container, the dropdown appears correctly, but scrolling is lost.
  • If overflow: auto or overflow: scroll is used, scrolling works, but the dropdown gets clipped.

Fix:
As a temporary workaround, custom CSS was injected via the onload function to set overflow: visible and adjust the z-index. This makes the dropdown visible but breaks scrollability.

image

As per Saif’s guidance, the preferred solution is to fix this via the original SCSS files. I attempted updates in:

  • public/scss/common/awesomeplete.scss
  • public/scss/common/controls.scss
  • public/scss/desk/frappe_datatable.scss

However, these changes did not fully resolve the issue. Therefore, this PR includes a temporary CSS patch to improve dropdown usability until a more permanent SCSS-based solution is identified.

Closes #433

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(MGAC): Report view for mapping accounts

2 participants