Describe the bug
The Creator Kit Nav control suddenly displays a large unexpected space on the left side and additional spacing at the top.
The Nav control is used in a Custom Page inside a model-driven app. It was working correctly before, and no changes were made to the Nav configuration when the issue appeared.
The navigation items are now shifted to the right, and the parent and child items are no longer aligned correctly.
While inspecting the control in browser DevTools, I found the following CSS rule applied by the Power Apps host:
#publishedCanvasContainer ul {
padding: revert;
margin: revert;
}
This rule appears to override the Creator Kit Nav styling:
.ms-Nav-navItems {
padding: 0;
margin: 0;
}
As a result, the browser restores the default <ul> padding and margin, including approximately 40px of left padding.
To Reproduce
Steps to reproduce the behavior:
- Add the Creator Kit Nav control to a Custom Page.
- Configure parent and child navigation items.
- Add the Custom Page to a model-driven app.
- Save and publish the Custom Page and the model-driven app.
- Open the published model-driven app.
- Observe the unexpected left and top spacing in the Nav control.
Expected behavior
The Nav control should render without additional left or top spacing.
Parent and child navigation items should keep the normal Creator Kit alignment and indentation.
Screenshots
Attached screenshots show:
- The unexpected spacing inside the Nav control.
- The CSS rule in browser DevTools that appears to override the Nav control styling.
Additional context
- Component: Creator Kit Nav
- App type: Custom Page inside a model-driven app
- Browser: Google Chrome
- Region: Europe
- Creator Kit version: CreatorKitCore_1_0_20250310_1
- The issue appeared recently without changes to the Nav control configuration.
- Disabling the
padding: revert and margin: revert rule temporarily in DevTools removes the unexpected spacing.
Could you please confirm whether this is a known regression in the Creator Kit Nav control or in the Power Apps Custom Page host?
Describe the bug
The Creator Kit Nav control suddenly displays a large unexpected space on the left side and additional spacing at the top.
The Nav control is used in a Custom Page inside a model-driven app. It was working correctly before, and no changes were made to the Nav configuration when the issue appeared.
The navigation items are now shifted to the right, and the parent and child items are no longer aligned correctly.
While inspecting the control in browser DevTools, I found the following CSS rule applied by the Power Apps host:
This rule appears to override the Creator Kit Nav styling:
As a result, the browser restores the default
<ul>padding and margin, including approximately 40px of left padding.To Reproduce
Steps to reproduce the behavior:
Expected behavior
The Nav control should render without additional left or top spacing.
Parent and child navigation items should keep the normal Creator Kit alignment and indentation.
Screenshots
Attached screenshots show:
Additional context
padding: revertandmargin: revertrule temporarily in DevTools removes the unexpected spacing.Could you please confirm whether this is a known regression in the Creator Kit Nav control or in the Power Apps Custom Page host?