Bug reportOct 8, 2026· 0:21· 0 views
Angular Material dialog title has leading whitespace when content is on a new line in the template
0:21 total
Comments · 0
Be the first to comment.
Bug report— by SceneRecap AI
lowcomponents/dialog
os: macOSbrowser: Chromium 151.0.7922.34viewport: 1280x720
Repro steps
- 1.Navigate to the Angular Material Dialog documentation page at /components/dialog/overview
- 2.Scroll down to the 'Injecting data when opening a dialog' example section
- 3.Click the 'Open dialog' button to trigger the modal dialog
- 4.Inspect the rendered dialog title 'Favorite Animal' layout and offsets
Expected
The dialog title text aligns directly with the dialog container bounds or matches the expected content indentation without unintended leading offset.
Actual
The dialog title string has no leading string whitespace (hasLeadingSpace=false), but the first character rendered is offset by 24px (charLeft=524 vs titleLeft=500 / contentLeft=500).
Evidence
visualModal dialog opens displaying title 'Favorite Animal' above content 'My favorite animal is:'
consoleWarning logged: 'Dialog title: "Favorite Animal", hasLeadingSpace=false, titleLeft=500, contentLeft=500, charLeft=524, firstCharOffset=24px'
Issue markdown (copy-paste ready)
### Summary When opening the modal dialog in the 'Injecting data when opening a dialog' example, the dialog title contains an unexpected 24px horizontal offset (`firstCharOffset=24px`) relative to the title and content container origins. ### Repro Steps 1. Go to `/components/dialog/overview` (0.0s). 2. Scroll down to the 'Injecting data when opening a dialog' example (5.0s). 3. Click the 'Open dialog' button (5.4s). 4. Inspect the title element in the modal dialog (7.0s). ### Expected Result Dialog title text should align consistently with container layout specifications without unintended leading offset. ### Actual Result The title container starts at `titleLeft=500`, but the first character is rendered at `charLeft=524` (`firstCharOffset=24px`), despite `hasLeadingSpace=false`. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →