Problem/Motivation

The "Filter by keyword" input is cut off:

Filter by keyword cut off

This was first reported in #3328566: The placeholder in webform filter input is not displayed correctly but the text was shortened and worked at the time but this no longer appears to be the case.

Steps to reproduce

Go to /admin/structure/webform

Proposed resolution

Increase the max-width on the element. Override Claro's negative margin on autocomplete elements so the next element isn't pulled over.

Remaining tasks

N/A

User interface changes

Filter by keyword input is no longer cut off.

API changes

N/A

Data model changes

N/A

CommentFileSizeAuthor
#9 After_Patch.png308.59 KBsdhruvi5142
#9 Before_Patch.png383.56 KBsdhruvi5142
#6 webform-after.png19.66 KBsnehal-chibde
#6 webform-before.png19.56 KBsnehal-chibde
#3 Screenshot 2025-02-28 at 11.42.51.png46.23 KBmjpa
Screenshot 2025-02-28 at 11.29.25.png59.18 KBmjpa

Issue fork webform-3509604

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

mjpa created an issue. See original summary.

mjpa opened merge request !601

mjpa’s picture

mjpa commented
Status: Active » Needs review
StatusFileSize
new Screenshot 2025-02-28 at 11.42.51.png46.23 KB

Wasn't the max-width, but Claro adding a negative margin-inline-end which was pulling the next element inwards.

The MR resolves this and with it applied, we now see:

Filter by keyword no longer cut off

mjpa’s picture

mjpa commented
Issue summary: View changes
snehal-chibde’s picture

snehal-chibde commented
Assigned: Unassigned » snehal-chibde
snehal-chibde’s picture

snehal-chibde commented
StatusFileSize
new webform-before.png19.56 KB
new webform-after.png19.66 KB

I have checked the issue on drupal 11, webform 6.3x, and applied the above MR. It is working fine. Added before and after screenshot below for reference.

liam morland made their first commit to this issue’s fork.

snehal-chibde’s picture

snehal-chibde commented
Assigned: snehal-chibde » Unassigned
sdhruvi5142’s picture

sdhruvi5142 commented
StatusFileSize
new Before_Patch.png383.56 KB
new After_Patch.png308.59 KB

Hi, Applied MR!601 on drupal 11.x version and it is working as expected.

Testing Steps:

1. Installed webform on my Local setup
2. Go to /admin/structure/webform
3. Observe the changes there..

Testing Result:
After applying patch the "Filter by keyword" isn't being cut off and there is proper space between both the filters and it looks as expected. And moving this to RTBC+1. Attaching screenshots for reference.

Status: PASS

sdhruvi5142’s picture

sdhruvi5142 commented
Status: Needs review » Reviewed & tested by the community
jrockowitz’s picture

jrockowitz commented
Status: Reviewed & tested by the community » Fixed

I tested the fix in Chrome and Firefox and it looks good.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.