Hello Trailblazers,
I'm encountering an issue with my LWR site in the sandbox environment after the Summer '24 release. Before the update, all lightning icons were displaying correctly. However, post-release, I've noticed that icons of type "doctype" are no longer visible.
Here's a summary of the problem:
- Environment: Sandbox
- Site Type: LWR (Lightning Web Runtime)
- Issue Start: After Summer '24 release
- Working Icons: Icons of type "standard" and "utility" are displaying correctly.
- Non-working Icons: Icons of type "doctype" are not visible. I've checked my code and there have been no changes on my end that would affect the icon rendering. The problem seems to have started with the new release.
Code Snippet:
<lightning-icon icon-name="doctype:pdf"></lightning-icon>
Steps Taken:
- Verified the icon type and name.
- Checked the official Salesforce documentation for any changes related to icons in the Summer '24 release notes.
- Cleared browser cache and refreshed the page.
- Tested in multiple browsers with the same result.
Questions:
- Has anyone else experienced similar issues with "doctype" icons after the Summer '24 release?
- Is there a known workaround or fix for this issue?
- Are there any specific release notes or changes that might be causing this behavior?Any insights or suggestions would be greatly appreciated.
Thank you!
Hello @Rakesh Thota,
Thank you for your prompt response.
This issue is not related to a specific Trailhead module or project. It pertains to a custom implementation in my LWR site within a sandbox environment. Since this is a sandbox and not accessible publicly, I can't provide a direct URL. However, I can share more details and screenshots of the issue.
Code Snippet:
HTML:
<template>
<div class="slds-m-around_medium">
<lightning-card title="Attachments">
<div class="slds-grid slds-wrap slds-m-around_medium">
<template lwc:if={_hasAttachments}>
<template for:each={attachments} for:item="attachment">
<div key={attachment.Id}
class="slds-col slds-size_1-of-2 slds-max-medium-size_1-of-1 slds-p-horizontal_small slds-p-vertical_medium">
<div class="attachment">
<div class="slds-grid slds-wrap slds-grid_vertical-align-center">
<div class="slds-size_1-of-12">
<lightning-icon icon-name="doctype:attachment"></lightning-icon>
</div>
<div class="showPointer slds-size_10-of-12 slds-p-left_small"
data-id={attachment.Id} data-extension={attachment.FileExtension}
onclick={previewAttachment}>
<p>{attachment.Title}</p>
<p>
{attachment.CreatedDate} - {attachment.userName}
</p>
</div>
<div class="slds-size_1-of-12">
<lightning-icon class="showPointer" data-url={attachment.VersionDataUrl}
icon-name="utility:download" size="small" alternative-text="Download"
onclick={downloadAttachment}>
</lightning-icon>
</div>
</div>
</div>
</div>
</template>
</template>
</div>
</lightning-card>
</div>
</template>
Error Screenshot:
If any other information is needed or if there are specific debugging steps you would like me to follow, please let me know. Your assistance in resolving this issue is greatly appreciated.
Thank you!
