bug: IonicSafeString not accepted even after setting innerHTMLTemplatesEnabled to true in Ionic Config

[anita-park]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

Toast has been created with message that should be recognised as HTML, but is shown as undefined even though the ionic config IonicModule.forRoot({ innerHTMLTemplatesEnabled: true }),
has been correctly set.

Current behaviour is:

I have tried v7, v8, both raising same issues

I saw similar issues that have been closed, and I could still not resolve this, even with the ion config being set so I am confused :(

Expected Behavior

Expected Behaviour should be, the tags should not be shown as plain string in the toast, and shown as a link instead, and not undefined like the current behaviour.

Steps to Reproduce

Click on any of the buttons in the stackblitz, and you will see the message is undefined instead of a string. (i tried to reproduce what I am seeing in my application in here)

Code Reproduction URL

https://stackblitz.com/edit/y3vm6fxl-8swrizca?file=src%2Fapp%2Fexample.component.ts

Ionic Info

Ionic:

Ionic CLI : 5.4.16 (C:\Users....)
Ionic Framework : not installed
@angular-devkit/build-angular : 16.2.16
@angular-devkit/schematics : 16.2.12
@angular/cli : 16.2.12
@ionic/angular-toolkit : 10.0.0

Utility:

cordova-res : not installed
native

System:

NodeJS : v18.20.4 (C:\Program Files\nodejs\node.exe)
npm : 10.1.0
OS : Windows 10

Additional Information

No response

[anita-park]

Trying to use import { IonicSafeString } from '@ionic/angular/standalone'; has not helped it seems