Problem/Motivation

If you go to for example admin/structure/types/manage/article/fields and edit the image field you will notice that toggle switches are visually broke, but there are no apparent errors in the console of devtools. tested in latest safari 26.3 (safari.mp4) latest edge (edge.mp4) and latest firefox. all the same result. tested on macos 26.3 with ddev with the main branch

the switch toggle for adding a required attribute visually deformated in the dialog modal for editing an image field

the switch toggle for adding an alt attribute visually deformated in the dialog modal for editing an image field

Steps to reproduce

  • go to admin/structure/types/manage/article/fields
  • edit image field

Proposed resolution

Remaining tasks

User interface changes

Introduced terminology

API changes

Data model changes

Release notes snippet

CommentFileSizeAuthor
#9 3576874-9-firefox-dark.png53.94 KBkentr
#9 3576874-9-firefox-light.png52.72 KBkentr
#9 3576874-9-edge-dark.png66.09 KBkentr
#9 3576874-9-edge-light.png67.96 KBkentr
#9 3576874-9-safari-dark.png66.24 KBkentr
#9 3576874-9-safari-light.png59.36 KBkentr
#4 3576874-4-screenshot-of-checkboxes-in-dialog-with-theme-in-light-mode.png89.24 KBkentr
#2 required.jpg53.38 KBrkoller
#2 alt.jpg67.5 KBrkoller
edge.mp4611.01 KBrkoller
safari.mp4694.4 KBrkoller

Issue fork drupal-3576874

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

rkoller created an issue. See original summary.

rkoller’s picture

rkoller
he/him
Primary language German
Location Nürnberg, Germany
commented
Issue summary: View changes
StatusFileSize
new alt.jpg67.5 KB
new required.jpg53.38 KB
rkoller’s picture

rkoller
he/him
Primary language German
Location Nürnberg, Germany
commented
Issue summary: View changes
kentr’s picture

kentr commented
StatusFileSize
new 3576874-4-screenshot-of-checkboxes-in-dialog-with-theme-in-light-mode.png89.24 KB

I would personally call this Major.

On the dark mode in @rkoller's screenshots it's only barely possible to see the toggle controls.

In light mode, the toggle controls aren't visible at all in Edge.

screenshot of toggle switches inside a modal dialog using Microsoft Edge, showing that the controls aren't visible

There are workarounds technically, but if you don't even know that there's even a control there it would be difficult to know to look for a workaround.

meeni_dhobale made their first commit to this issue’s fork.

rkoller’s picture

rkoller
he/him
Primary language German
Location Nürnberg, Germany
commented
Priority: Normal » Major

yeah the odd visual representation illustrated in the images in #2 is gone also in dark mode, the components are simply invisible now. either way that is broken. and i agree about the priority. changed the priority setting accordingly.

poker10’s picture

poker10 commented
Parent issue: » #3576488: [meta] Admin theme: path to beta and stable
kentr’s picture

kentr commented
Issue tags: +Usability, +Accessibility
kentr’s picture

kentr commented
Status: Active » Postponed (maintainer needs more info)
StatusFileSize
new 3576874-9-safari-light.png59.36 KB
new 3576874-9-safari-dark.png66.24 KB
new 3576874-9-edge-light.png67.96 KB
new 3576874-9-edge-dark.png66.09 KB
new 3576874-9-firefox-light.png52.72 KB
new 3576874-9-firefox-dark.png53.94 KB

Looks like this is resolved, so I'm closing as outdated.

Reopen it if I'm wrong.

Here are screenshots of the last three toggle / boolean fields from the Article image field edit dialog (the fields that are shown as broken in the screenshots from the issue summary and #4):

Safari

Light mode

Dark mode

Firefox

Light mode

Dark mode

Edge

Light mode

Dark mode

kentr’s picture

kentr commented

Whoops. I copy / pasted the wrong version of my comment.

I did actually mean to postpone it for more info. Can someone confirm that it's resolved?

rkoller’s picture

rkoller
he/him
Primary language German
Location Nürnberg, Germany
commented
Status: Postponed (maintainer needs more info) » Closed (outdated)

yes can be closed, the problem seems to be resolved.

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.