SharePoint Online - Custom List - JSON action editProps - Right Side Pane is now Too Wide

[Bit-Hug-Tub]

Target SharePoint environment

SharePoint Online

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

Site designs & site scripts

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

• Most up to date browser versions.

Describe the bug / error

I created a SharePoint Online Custom List around 10/1/2020. In the "Edit Ticket" column, I input the JSON code that implements the action editProps, which results in an orange pencil symbol appearing in that column. Upon clicking it, the item edit/details pane will open on the right-side, which used to consume about 30-40% of the whole screen.

Starting yesterday 9/28/2021, whenever anyone clicks the edit pencil JSON code symbol, the edit/details pane now takes up 95% of the whole screen, which is too wide for our users. It reduces the description column content width (multiple lines of text) which forces users to scroll down a lot.

Did something happen to the JSON action editProps source code that widens the edit pane? Please let me know if there is anything that can be done to revert it back from taking up 95% of the screen to just 30% like before.

JSON action editProps code: https://github.com/pnp/List-Formatting/blob/master/column-samples/generic-rowactions/editProps.json

I attached images that show the difference.

Edit symbol:

Old edit pane at a nice small width:

New edit pane at a very large width:

Thanks

Steps to reproduce

Based on the message and images above, click the edit pencil symbol to open the details pane.

Expected behavior

I expected the pane to remain at its smaller width, but now it's very wide.

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[bcameron1231]

Hi, unfortunately, this is currently how formatting works. Any customization to the form will result in the wide screen layout for the form.

[github-actions]

Thank you for taking the time to file an issue. We periodically archive older or inactive issues as part of our issue management process, which automatically closes them once they are archived.

If you’d like to understand more about why and how we handle archived (closed) issues, please see Our approach to closed issues.

We appreciate your contribution and if this is still an active issue with the latest SPFx versions, please do resubmit the details. We needed to perform a cleanup, so that we can start with a clean table with a new process. We apologize for the inconvenience this might cause.