Closed Bug 2019153 Opened 6 months ago Closed 4 months ago

Add border radius to text selection in the urlbar input for Nova

Categories

(Firefox :: Address Bar, defect, P2)

defect

Tracking

()

VERIFIED FIXED
151 Branch
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.

Assignee: nobody → daisuke
Whiteboard: [sng] → [sng][nova-search]

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:

  1. This styling is intended only for Firefox UI (not web content).
  2. It may be reused by other internal Firefox components in the future.

Based on these considerations, I chose to use an attribute.

[1] https://www.figma.com/design/WMHwWMwIu6SDzJyvVUn33X/S-S-UX-Specifications–Sprint-2-?node-id=13056-9952&t=pswCcokl3etqlyZU-1

Attachment #9556118 - Attachment description: Bug 2019153: Round the selection rectangle for the urlbar input → Bug 2019153: Round the selection highlight for the urlbar input field
Blocks: 2029839
Pushed by dakatsuka.birchill@mozilla.com: https://github.com/mozilla-firefox/firefox/commit/14efb900d974 https://hg.mozilla.org/integration/autoland/rev/843bf3f6acd8 Round the selection highlight for the urlbar input field r=layout-reviewers,adw,emilio,desktop-theme-reviewers,firefox-style-system-reviewers
Status: NEW → RESOLVED
Closed: 4 months ago
Resolution: --- → FIXED
Target Milestone: --- → 151 Branch
QA Whiteboard: [search][qa-triage-done-c151/b150][qa-ver-needed-c151/b150]
QA Contact: phorea
Flags: qe-verify+
Flags: in-testsuite+

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.

Status: RESOLVED → VERIFIED
QA Whiteboard: [search][qa-triage-done-c151/b150][qa-ver-needed-c151/b150] → [search][qa-triage-done-c151/b150][qa-ver-done-c151/b150]
Flags: qe-verify+
Depends on: 2047618
See Also: → 2050759
Type: task → defect
Keywords: regression
Regressed by: 2050759
See Also: 2050759

Set release status flags based on info from the regressing bug 2050759

Depends on: 2056981
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: