The template dropdown menu had no background color on the container, causing page content to bleed through behind menu items.

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/angular/angular/blob/main/contributing-docs/commit-message-guidelines.md
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

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?

It can be seen in https://angular.dev/playground?templateId=0-hello-world

The playground template dropdown (ul.adev-template-dropdown) has no background color set on the container. Only the individual buttons inside each list item have a background. This causes page content to bleed through the dropdown, visible between menu items and at the edges.

To be honest, I first thought the separator was missing between 'Hello Word' and Signals template

and then I tried to check it in a smaller width (766px) then I saw that there is no actual separator between elements just a background issue. Between 'Control flow' and 'Minigame' template there is some blue can be seen because of the element behind it.

Issue Number: N/A

What is the new behavior?

The dropdown container now has background: var(--page-background), preventing any content behind it from showing through.

Does this PR introduce a breaking change?

• Yes
• No

Other information