bug: Ionicon does not properly switch icons based on the mode in React & Vue #26207
Closed
4 of 7 tasks
Labels
package: react
@ionic/react package
package: vue
@ionic/vue package
type: bug
a confirmed bug report
Prerequisites
Ionic Framework Version
Current Behavior
Setting the
ios
andmd
properties on<ion-icon>
in Vue and React is not switching between them properly when setting the mode in the global config.Expected Behavior
The
ion-icon
should respect the global config and switch the icon based on the mode.Steps to Reproduce
Using the following markup:
Vue
and setting the config globally:
React:
and setting the config globally:
Results
If you switch the mode above in either example from
ios
tomd
you'll see the icon being displayed is always theheart
.It seems that the icon switches based on the platform as emulating ios does work to change the icon.
Code Reproduction URL
https://stackblitz.com/edit/angular-rduzd8?file=src%2Fcomponents%2FExample.vue,src%2Fmain.ts
Ionic Info
Additional Information
No response
The text was updated successfully, but these errors were encountered: