Overview

Figma

Proposed resolution

User interface changes

CommentFileSizeAuthor
#12 test5.png15.55 KBneha_bawankar
#12 test4.png5.56 KBneha_bawankar
#12 test3.png4.76 KBneha_bawankar
#12 test2.png3.95 KBneha_bawankar
#12 test1.png4.09 KBneha_bawankar
#2 image.png28.05 KBlibbna
Screenshot 2025-06-11 at 11.20.08 AM.png99.04 KBbnjmnm

Issue fork experience_builder-3529623

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

bnjmnm created an issue. See original summary.

libbna’s picture

libbna commented
StatusFileSize
new image.png28.05 KB

Hi @bnjmnm,
I'd like to give this a try, but I could use some guidance. Could you please clarify where exactly the styling is expected? Based on my understanding (as shown in the attached screenshot), when we create a new component, do we need to apply styles to the fields (props and slots) that we add?

effulgentsia’s picture

effulgentsia commented
Issue tags: -alpha blocker +beta blocker, +sprint

"alpha blocker" was a typo. This is a blocker for beta.

jessebaker’s picture

jessebaker commented
Related issues: +#3531066: Autocomplete suggestions can extend outside of viewport , Preventing Access to Taxonomy Term Options

Adding related issue - perhaps this can be addressed at the same time?

#3531066: Autocomplete suggestions can extend outside of viewport , Preventing Access to Taxonomy Term Options

bnjmnm opened merge request !1176

bnjmnm’s picture

bnjmnm
he/him
Primary language English
Location Ann Arbor, MI
commented
Status: Active » Needs work
bnjmnm’s picture

bnjmnm
he/him
Primary language English
Location Ann Arbor, MI
commented
Status: Needs work » Needs review

  • bnjmnm committed 0e6e0c78 on 0.x 
    Issue #3529623 by bnjmnm, hooroomoo: Style Autocomplete suggestions

bnjmnm credited hooroomoo.

bnjmnm’s picture

bnjmnm
he/him
Primary language English
Location Ann Arbor, MI
commented
Status: Needs review » Fixed

The Pipeline fails are due to CI issues installing Cypress dependencies, nothing specific to this MR (the 2nd to most recent had been passing, and the only change in the most recent were stylelint related).

Gonna merge this in now since @hooroomoo already reviewed.

wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented

Yay, unpostponed #3534165: #3534165-4: Autocomplete suggestions dropdown shows the first 10 results, should show unlimited and allow scrolling?.

neha_bawankar’s picture

neha_bawankar commented
StatusFileSize
new test1.png4.09 KB
new test2.png3.95 KB
new test3.png4.76 KB
new test4.png5.56 KB
new test5.png15.55 KB

Tested changes on branch 0.x for following scenario :

  1. Create three Articles named : Test , Test01 , Test02
  2. Create code component , add prop o type link
  3. Add Code component to page

Scenario

Result

Status

link prop

 test1

PASS

link prop with cursor

 test2

PASS

start typing

test3

PASS

Select option

 test4

PASS

Tested changes for
https://www.drupal.org/project/experience_builder/issues/3531066

test5

PASS

During testing, an issue was identified: the search dropdown that appears is not scrollable and only displays the first 10 results.
Reported here : Autocomplete suggestions dropdown is not scrollable and only shows the first 10 results

wim leers’s picture

wim leers
Location Ghent 🇧🇪🇪🇺
commented
Issue tags: -sprint

Thanks! Followed up there 👍

Status: Fixed » Closed (fixed)

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