8000 Fix for document overflow issue on template-driven-forms page by ankitdawra · Pull Request #61446 · angular/angular · GitHub
[go: up one dir, main page]

Skip to content

Fix for document overflow issue on template-driven-forms page #61446

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and p 8000 rivacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

ankitdawra
Copy link
@ankitdawra ankitdawra commented May 17, 2025

Fix for document overflow issue on template-driven-forms page

PR Checklist

Please check if your PR fulfills the following requirements:

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Feature
  • Code style update (formatting, local variables)
  • Refactoring (no functional changes, no api changes)
  • Build related changes
  • CI related changes
  • Documentation content changes
  • angular.dev application / infrastructure changes
  • Other... Please describe:

What is the current behavior?

Text overflow issue on https://angular.dev/guide/forms/template-driven-forms

Issue Number: #61359

What is the new behavior?

This issue seem to be happening because of .mat-mdc-tab-label-container div element being overflowed out of it's view -

Image

When we remove this element from DOM it works! But offcourse we cannot do that.

In order to fix it, I tried to restrict it's width and its works -

Image

Does this PR introduce a breaking change?

  • Yes
  • No

Other information

@pullapprove pullapprove bot requested a review from crisbeto May 17, 2025 10:17
@ankitdawra ankitdawra force-pushed the fix/document-overflow branch from acc1a18 to 10f1714 Compare May 17, 2025 10:22
@angular-robot angular-robot bot added area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure labels May 17, 2025
@ngbot ngbot bot added this to the Backlog milestone May 17, 2025
@ankitdawra ankitdawra force-pushed the fix/document-overflow branch from 10f1714 to aaaa276 Compare May 17, 2025 11:22
@ankitdawra ankitdawra force-pushed the fix/document-overflow branch from aaaa276 to 9c14dd9 Compare May 17, 2025 11:56
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area: docs Related to the documentation area: docs-infra Angular.dev application and infrastructure
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant
0