'Can I use SVG within a customized the Azure AD B2C user interface?

I am building a customized Azure AD B2C user interface.

I have included a SVG tag within my page.

<body>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <svg width="100" height="100">
                    <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
                </svg>

                <div id="api"/></div>
            </div>
        </div>
    </div>    
</body>

If I visit the page directly the SVG tag renders as expected. If I visit the page within the Azure AD B2C flow the SVG tag is omitted.

Is SVG supported within a customized the Azure AD B2C user interface?

htmlazuresvgazure-active-directoryazure-ad-b2c


Solution 1:[1]

Nope, not supported unfortunately. See allowed tags in this screenshot:

allowed tags screenshot

UserVoice: Stop Blocking Custom HTML Elements and Attributes | Add Angular SSR Support

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1

Related Questions