'Public DNS over HTTP server" text in Settings select widget is cropped

[stephendonner]

Description

Public DNS over HTTP server text in Settings select widget is cropped

Steps to Reproduce

1. go to brave://flags
2. search for "unstoppable"
3. choose "Enabled"
4. restart Brave
5. load brave.crypto, and click Proceed using Cloudflare server
6. go to brave://settings and under Method to resolve unstoppable domains" choose "Public DNS over HTTPS server"
7. click to dismiss the select widget, and notice the length/appearance of the text

Actual result:

Even with a full-width, 2880x1800 display, the preference text is cropped, and reads Public DNS over HTTPS serv

Expected result:

Text should either be cropped with an ellipsis "..." or some other shorter text/titletip.

Reproduces how often:

100%

Brave version (brave://version info)

Version/Channel Information:

• Can you reproduce this issue with the current release? no
• Can you reproduce this issue with the beta channel? no
• Can you reproduce this issue with the nightly channel? yes

Other Additional Information:

• Does the issue resolve itself when disabling Brave Shields?
• Does the issue resolve itself when disabling Brave Rewards?
• Is the issue reproducible on the latest version of Chrome?

Miscellaneous Information:

cc: @karenkliu @yrliou

[karenkliu]

This needs to be swapped out with our standardized dropdown component.

[yrliou]

I believe this is not an issue anymore after brave/brave-core#8317 is merged.
Closing here, please reopen if it is still reproducible. cc @stephendonner

[stephendonner]

Verified; the string is now DNS over HTTPS so fits much better into the <select> widget, in English, with more room for l10n.

Brave	1.24.26 Chromium: 90.0.4430.30 (Official Build) nightly (x86_64)
Revision	5674335ff855e43f3bccf8cfc29a779bdf0d067f-refs/branch-heads/4430@{#532}
OS	macOS Version 11.2.3 (Build 20D91)