adobe / adobe/aem-core-wcm-components
[Container] Layout mode grid resizes incorrectly if max width is applied to the container
Open
Nobody has claimed this yet.
- Dominant language
- Java
- Stars
- 796
- Forks
- 776
- Avg merge
- 3d 22h
- Merged PRs (30d)
- 8
Description
- Using css styles, set a max-width for the contents of the Container component, eg, 1200px. Set margin left and right to be auto so that the content is centered. This is a common style used for page content containers.
- Open page editor and drop a container with responsive grid layout
- Drop a component into the container
- Go to layout mode and resize the component.
Results: the resizer does not snap to the grid and will resize to something different to where I drag the resize marker to. This only happens if the max width limit is in force. If I reduce the browser window width to be smaller than container max width, the problem goes away.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in the AEM page editor using a Container with responsive grid layout, a max-width, and centered margins. Start by inspecting the Container's layout-mode resizing behavior; done when the resizer snaps to the grid at widths above the max-width and still behaves correctly below it.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100