Problem/Motivation

See attached screenshot. This occurs in Safari, Chrome and Edge in my testing.

Steps to reproduce

  1. Configure a field to use the multiselect_dropdown widget. I used a term reference field.
  2. Expand the dropdown and use the keyboard (tab) to navigate to one of the checkboxes.

Expected: The full selection outline is visible
Actual:

Proposed resolution

Adjust the CSS to include more padding.

Remaining tasks

None.

User interface changes

Small graphical change to the widget.

API changes

None.

Data model changes

None.

Issue fork multiselect_dropdown-3557493

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

joshf created an issue. See original summary.

joshf’s picture

joshf commented
Issue summary: View changes
joshf’s picture

joshf commented
Issue summary: View changes

joshf changed the visibility of the branch 1.2.x to hidden.

joshf opened merge request !56

joshf opened merge request !57

joshf changed the visibility of the branch 1.2.x to hidden.

joshf closed merge request !56

joshf changed the visibility of the branch 1.2.x to active.

joshf’s picture

joshf commented
Assigned: joshf » Unassigned
Status: Active » Needs review

I don't know what happened with the branch names. Either MR should work.

mdranove’s picture

mdranove commented

Should this also work with better exposed filters? If so this css file is not attached.

joshf’s picture

joshf commented

@mdranove I'm not sure; the issue I was experiencing was on admin-side fields and not related to BEF.