Skip to content

When using q-expansion-item with switch-toggle-side colors aren't switched #18008

@AlbanBernard

Description

@AlbanBernard

What happened?

I am using q-expansion-item with the switch-toggle-side option. The icon and the extend arrow switched places but not the color, the icon is grey and the arrow is black.

What did you expect to happen?

The icon would stay black, as is it was on the left when not using switch-toggle-side. The arrow would stay grey, as it was on the right when not using switch-toggle-side.

Reproduction URL

https://codepen.io/AlbanBernard/pen/vEEbWxE

How to reproduce?

Go to the provided codepen link (first time i do that, hope it works).
Look at the colors of the non-switched and of the switched version

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Microsoft Edge

Quasar info output

Operating System        Windows_NT(10.0.22631) - win32/x64
NodeJs                  22.13.0

Global packages
  NPM                   10.9.2
  yarn                  1.22.22
  pnpm                  Not installed
  bun                   Not installed
  @quasar/cli           2.5.0
  @quasar/icongenie     Not installed
  cordova               Not installed

Networking
  Host                  LYOTRAINEE19
  Ethernet              10.110.3.47

Relevant log output

Additional context

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions