#layout 3 articles

• A docked side panel floats in mid-air on the newer SharePoint layout: .sp-App-bodyContainer is not theregotchas / spfxA Copilot-style side panel narrows the SharePoint page by shrinking .sp-App-bodyContainer. On the newer page chrome (left app bar with Discover/Publish/Build) that container does not exist, so the docking code silently…
• A shared component that avoided positioning assumptions still carried a width assumptiongotchas / spfx@media never sees the narrow panel you were reused in; measure the element with ResizeObserver and switch every child together
• justify-content:center inside overflow:hidden clips content you can never scroll togotchas / spfxCentering + overflow cuts content above the scroll; flex "springs"