Novu•2mo ago

Notification titles containing '&' is decoded to '&' in frontend.

Special characters in notification title do not show up well in FE for some reason, title here is supposed to be 'Broken & Cream'. Anything i can do about that on my side? In order to reproduce, just send any notification with an ampersand (&)

14 Replies

Tomer Barnea•2mo ago

Hi @Eden thanks for reporting that. That happens in the <Inbox /> component?

Novu_Bot•2mo ago

@Tomer Barnea, you just advanced to level 26!

Tomer Barnea•2mo ago

Regardless, the team is investigating an issue like that, so I’ll add your report.

EdenOP•2mo ago

Thx @Tomer Barnea, would love to know a timeline when possible, we'll currently implement a workaround

Tomer Barnea•2mo ago

CN you confirm it’s in the inbox component? Which version? Using cloud?

EdenOP•2mo ago

1.Inbox component, vanilla 2. "@novu/react": "^3.0.0", 3. Yes, using cloud 🙏

Tomer Barnea•2mo ago

Perfect, I’ll tag @Pawan Jain , can you follow up here with more info on release date? Hi @Eden following up here. This was deployed.

Tomer Barnea•2mo ago

Open up the template, and select Bypass sanitization. It will allow you to send things like &.

EdenOP•2mo ago

Thanks @Tomer Barnea But i'm looking to do this programmatically

await step.inApp(
      'send-mention-notification',
      async () => {
        return {
          body: controls.subject ?? `${mentionedByName} mentioned you in a comment`,
          subject: 'Subject'
          data: {
...
          },
        };
      },
      {
        skip: async () => shouldSkipMentionWorkflow(payload),
      },
    );

await step.inApp(
      'send-mention-notification',
      async () => {
        return {
          body: controls.subject ?? `${mentionedByName} mentioned you in a comment`,
          subject: 'Subject'
          data: {
...
          },
        };
      },
      {
        skip: async () => shouldSkipMentionWorkflow(payload),
      },
    );

Tomer Barnea•2mo ago

Ohhh, got it, you can disable this in the framework. https://docs.novu.co/framework/typescript/steps

Tomer Barnea•2mo ago

just add disableOutputSanitization to the option object

Pawan Jain•2mo ago

@Eden adding disableOutputSanitization options with false value worked for you?

EdenOP•2mo ago

@Pawan Jain Just tried it, seems to have worked for me, thx @Tomer Barnea for the fast response and attentiveness 🙏

Gaming

Programming

Notification titles containing '&' is decoded to '&amp;' in frontend.

Did you find this page helpful?

Notification titles containing '&' is decoded to '&' in frontend.