Problem/Motivation

The Seven style guide defines a reasonable component for a dropdown menu that can be reused in multiple places:

Proposed resolution

Implement the dropdown menu as a separate reusable component and then add the classes to the autocomplete widget

Remaining tasks

User interface changes

A nicer, more consistent looking dropdown popup for autocomplete

API changes

A new reusable CSS component

CommentFileSizeAuthor
8.dropdown-and-popover.png26.87 KBlewisnyman

Comments

lewisnyman’s picture

lewisnyman
he/him
commented
Parent issue: » #1986434: New visual style for Seven
lewisnyman’s picture

lewisnyman
he/him
commented

It looks like the classes in the JS plugin can't be changed :( http://api.jqueryui.com/menu/#theming

lewisnyman’s picture

lewisnyman
he/him
commented
Issue tags: -style guide +styleguide

In case i didn't make it clear (I didn't), we just need to apply the design to the existing classes. We can add the styling to jquery.ui.theme,css in Seven

amateescu’s picture

amateescu commented
Related issues: +#2346973: Improve usability, accessibility, and scalability of long select lists

Note that we're trying to replace jQuery UI autocomplete with Select2 in #2346973: Improve usability, accessibility, and scalability of long select lists. That library looks more themeable-friendly, and I think the 4.0 version even supports custom themes.

lewisnyman’s picture

lewisnyman
he/him
commented
Issue tags: +Novice
r_sharma08’s picture

r_sharma08 commented
Assigned: Unassigned » r_sharma08
emma.maria’s picture

emma.maria
she/her
commented
Version: 8.0.x-dev » 8.1.x-dev
Assigned: r_sharma08 » Unassigned
vijay.cgs’s picture

vijay.cgs commented
Assigned: Unassigned » vijay.cgs

Version: 8.1.x-dev » 8.2.x-dev

Drupal 8.1.0-beta1 was released on March 2, 2016, which means new developments and disruptive changes should now be targeted against the 8.2.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

aaronchristian’s picture

aaronchristian commented

I've created a child issue for building the throbber animation component. You can find it here #2775725.

Bojhan’s picture

Bojhan commented
Assigned: vijay.cgs » Unassigned
aaronchristian’s picture

aaronchristian commented

Update: AJAX throbber has been added in the child issue, I'll start working on getting the dropdowns implemented next.

Version: 8.2.x-dev » 8.3.x-dev

Drupal 8.2.0-beta1 was released on August 3, 2016, which means new developments and disruptive changes should now be targeted against the 8.3.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.3.x-dev » 8.4.x-dev

Drupal 8.3.0-alpha1 will be released the week of January 30, 2017, which means new developments and disruptive changes should now be targeted against the 8.4.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.4.x-dev » 8.5.x-dev

Drupal 8.4.0-alpha1 will be released the week of July 31, 2017, which means new developments and disruptive changes should now be targeted against the 8.5.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.5.x-dev » 8.6.x-dev

Drupal 8.5.0-alpha1 will be released the week of January 17, 2018, which means new developments and disruptive changes should now be targeted against the 8.6.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

nick pasiuk’s picture

nick pasiuk commented
Assigned: Unassigned » nick pasiuk

Version: 8.6.x-dev » 8.7.x-dev

Drupal 8.6.0-alpha1 will be released the week of July 16, 2018, which means new developments and disruptive changes should now be targeted against the 8.7.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.7.x-dev » 8.8.x-dev

Drupal 8.7.0-alpha1 will be released the week of March 11, 2019, which means new developments and disruptive changes should now be targeted against the 8.8.x-dev branch. For more information see the Drupal 8 minor version schedule and the Allowed changes during the Drupal 8 release cycle.

Version: 8.8.x-dev » 8.9.x-dev

Drupal 8.8.0-alpha1 will be released the week of October 14th, 2019, which means new developments and disruptive changes should now be targeted against the 8.9.x-dev branch. (Any changes to 8.9.x will also be committed to 9.0.x in preparation for Drupal 9’s release, but some changes like significant feature additions will be deferred to 9.1.x.). For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

Version: 8.9.x-dev » 9.1.x-dev

Drupal 8.9.0-beta1 was released on March 20, 2020. 8.9.x is the final, long-term support (LTS) minor release of Drupal 8, which means new developments and disruptive changes should now be targeted against the 9.1.x-dev branch. For more information see the Drupal 8 and 9 minor version schedule and the Allowed changes during the Drupal 8 and 9 release cycles.

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Assigned: nick pasiuk » Unassigned
Issue tags: -frontend, -CSS, -styleguide, -Novice

Version: 9.1.x-dev » 9.2.x-dev

Drupal 9.1.0-alpha1 will be released the week of October 19, 2020, which means new developments and disruptive changes should now be targeted for the 9.2.x-dev branch. For more information see the Drupal 9 minor version schedule and the Allowed changes during the Drupal 9 release cycle.

Version: 9.2.x-dev » 9.3.x-dev

Drupal 9.2.0-alpha1 will be released the week of May 3, 2021, which means new developments and disruptive changes should now be targeted for the 9.3.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.3.x-dev » 9.4.x-dev

Drupal 9.3.0-rc1 was released on November 26, 2021, which means new developments and disruptive changes should now be targeted for the 9.4.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

Version: 9.4.x-dev » 9.5.x-dev

Drupal 9.4.0-alpha1 was released on May 6, 2022, which means new developments and disruptive changes should now be targeted for the 9.5.x-dev branch. For more information see the Drupal core minor version schedule and the Allowed changes during the Drupal core release cycle.

yuvalbh’s picture

yuvalbh commented

the autocomplete script creates an element with id: ui-id-1, or class: ui-autocomplete

the system creates it under the 'body' element, after activating it, it might hold the last call data,

if you want to style it,
1. unset its display property which will be 'none'.
2. update the desired css/scss

longwave’s picture

longwave
he/him
Primary language English
Location UK
commented
Project: Drupal core » Seven
Version: 9.5.x-dev » 1.0.0-alpha1
Component: Seven theme » Code

The Seven theme has been removed from Drupal 10 core. I confirmed that this issue only affects Seven and no other themes included with Drupal core, so I am moving this to the contributed Seven project.

avpaderno’s picture

avpaderno
he/him
Primary language Italian
Location Brescia, 🇮🇹 🇪🇺
commented
Version: 1.0.0-alpha1 » 2.0.x-dev
Status: Active » Closed (outdated)

I am closing this issue, since there has not been any development in eight years.