Add border radius to text selection in the urlbar input for Nova
Categories
(Firefox :: Address Bar, defect, P2)
Tracking
()
| Tracking | Status | |
|---|---|---|
| firefox-esr140 | --- | unaffected |
| firefox151 | --- | verified |
People
(Reporter: adw, Assigned: daisuke)
References
(Blocks 1 open bug, Regression)
Details
(Keywords: regression, Whiteboard: [sng][nova-search])
Attachments
(1 file)
The Nova design calls for a border radius on text selection in the urlbar input. I don't know if that's even possible. Paul said if it's not, it's OK. We may need Gecko support.
See Figma for details.
Updated•6 months ago
|
| Assignee | ||
Updated•5 months ago
|
Updated•5 months ago
|
| Assignee | ||
Comment 1•5 months ago
|
||
This change implements the rounded selection highlight used in the new Nova
design for the urlbar. [1]
For configuration, this implementation targets only chrome-privileged text
controls. If the moz-selection-radius attribute is set on a text control
element, its float value is used as the corner radius of the selection highlight.
For example:
<html:input id="urlbar-input" moz-selection-radius="4" />
Alternative approaches such as introducing a CSS property or using a pref were
considered. However:
- This styling is intended only for Firefox UI (not web content).
- It may be reused by other internal Firefox components in the future.
Based on these considerations, I chose to use an attribute.
Updated•5 months ago
|
Updated•4 months ago
|
| Reporter | ||
Updated•4 months ago
|
Comment 4•4 months ago
|
||
Verified as fixed using latest Nightly 151.0a1 under Win 11, Ubuntu 24 and macOS 15 while browser.urlbar.nova.featureGate was set to True.
The selection highlight for the urlbar input field is now rounded.
| Assignee | ||
Updated•1 month ago
|
Comment 5•1 month ago
|
||
Set release status flags based on info from the regressing bug 2050759
Description
•