Setting supportsFullBleed: true doesn't have any effect

[derhallim]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

• Browser version: Chrome Version 144.0.7559.110
• SPFx version: 1.22
• Node.js version: 22.14.0

Describe the bug / error

I've tried setting "supportsFullBleed": true, in the web part's manifest. I packaged the web part (production) and deployed it to the app catalog. Enabled it to be available on all sites by default.

I created a page and added a full-width section. The web part doesn't appear under the full-width section. It only appears under normal sections (one column, 2 columns, etc..).

Steps to reproduce

1. Create a new web part using SPFx v 1.22
2. Enabled supportsFullBleed in the web part's manifest.
3. Deploy the web part to the app catalog

Expected behavior

Expected Behavior:
The web part will appear to be used in full-width sections

[Ashlesha-MSFT]

Hello @derhallim,
Thank you for bringing this issue to our attention. We will look into it and get back to you shortly.
If you don’t receive a reply within two working days, please use this escalation form to escalate.

[Ashlesha-MSFT]

@derhallim,
Quick question to confirm behavior on your side.

Are you able to see and add our SPFx web part in full-width sections on modern SharePoint pages?

[derhallim]

@Ashlesha-MSFT , I am able to add a full-width section and then add OOB web parts or custom SPFx web parts I added using previous versions of SPFx:

[Ashlesha-MSFT]

@derhallim ,
I tested with SPFx 1.22.1 and couldn't reproduce the issue you mentioned. Here are the key points:

supportsFullBleed: true works correctly on Communication sites with SPFx 1.22.1

You can create a minimal test web part with just supportsFullBleed: true to isolate and verify this behavior.

[derhallim]

@Ashlesha-MSFT , it took it sometime but now it appears under the full-width section.