Announcements
Microsoft Edge will not render icons from a url in the html img command. It works fine in Chrome. I also can render images with a data uri in the html control but when I put it in this pcf css it just goes blank. I’ve messed with the edge settings but no luck. Any ideas?
Hi @PaddyWann ,
If your Drag and Drop PCF isn't rendering images in Microsoft Edge but works in Chrome, and images with data URIs work in HTML but not when applied through PCF CSS, consider these steps:
Compatibility Check: Ensure Edge is up to date since older versions may have issues with modern web standards.
Cross-Origin Resource Sharing (CORS): Check if CORS policy is affecting the rendering of images. Edge might be stricter with these policies.
Content Security Policy (CSP): Verify that CSP settings aren't blocking the rendering of images in Edge.
CSS Syntax: Double-check the CSS syntax used in the PCF. Make sure URLs are correctly formatted and quoted.
Inspect Element: Use Edge's developer tools to inspect the element and see if there are any errors or warnings that could give a clue.
Test with Static URL: Try using a static image URL to determine if the issue is with the dynamic fetching of the image.
Check for Browser-Specific CSS: Ensure there isn't any browser-specific CSS that might be causing Edge to not display the image.
Console Errors: Look for any console errors in Edge DevTools that could point to the problem.
Edge Settings: Although you've checked Edge settings, revisit to ensure that nothing is set to block certain types of content.
Fallback Method: As a temporary solution, you might consider a fallback method where if Edge is detected, a different method of rendering is used.
NS_Error_Failure is what I got in the inspection. We think its an error with the compiler in the component possibly. We ended up underlying a gallery and making a vertical display of icons to select. There could be a specific setting or combination of settings that would fix this for all users, but it would be optimal is we didn't have to worry about that when icons in the app itself work fine.
Under review
Thank you for your reply! To ensure a great experience for everyone, your content is awaiting approval by our Community Managers. Please check back later.
Congratulations to our community stars!
Expanding mentorship, skilling, and AI innovation
These are the community rock stars!
Stay up to date on forum activity by subscribing.
WarrenBelz 345 Most Valuable Professional
11manish 207 Super User 2026 Season 2
Mohsin Ali 177
