Take note – Split View is ready for testing! – These Weeks in Firefox: Issue 194 – Firefox Nightly News

6 min read Original article ↗

The Firefox tab context menu is shown above the tab strip. Two tabs in the tab strip are highlighted. A context menu offers options including “New Tab to Right,” “Add Tabs to New Group,” “Open in Split View” (highlighted with a blue “New” label), and “Reload Tabs.” The background includes a Wikipedia tab partially visible beneath the menu.

Highlights

  • Shout-out to new contributor Lorenz A, who fixed almost 70 bugs over the past few weeks! Most of this work was modernizing some of our DevTools code to use ES6 classes (example)
  • Split View has been enabled by default in Nightly! You can right click on a tab to add it to a split view, and from there select the other tab you’d like to view in the split. Or, multi-select 2 tabs with Ctrl/Cmd, and choose “Open in Split View” from the tab context menu
  • The Search team has updated the separate search input in Nightly to use the same underlying mechanisms as the AwesomeBar
    • A Firefox browser window showing a redesigned search interface for the separate search input. The search field is focused with the query “firefox is the be” typed in. A dropdown displays Google as the selected search engine, along with two suggestions: the typed query itself and an autocompleted suggestion, “firefox is the best browser.” The rest of the browser UI is visible in the background, including the Mozilla tab.
  • Tab Notes have been enabled in Nightly! These are still a work in progress, but you can add and view notes by hovering them:
    • The Firefox tab UI with a tab titled “Firefox – Wikipedia” selected. A dropdown panel below the tab displays tab metadata, including the title and URL. Below this is an “Add Note” section with a right-arrow icon, indicating an option to attach a note to the tab.

Friends of the Firefox team

Introductions/Shout-Outs

  • Introducing Finn Terdal and Michael Hynson! Both started yesterday.
    • Finn is working on UX Eng Productivity / Fundamentals bugs to get started, and then Settings Redesign
    • Michael is working on the IP Protection project.

Resolved bugs (excluding employees)

Volunteers that fixed more than one bug

  • Dominique
  • John Bieling
  • Lorenz A
  • Yunju Lee

New contributors (🌟 = first patch)

  • 🌟 Doğu Abaris
  • 🌟 Lorenz A
  • Matt Kwee
  • Vignesh Sadankae
  • 🌟 Sameem [:sameembaba]
  • Yunju Lee

Project Updates

AI Window

WebDriver

Lint, Docs and Workflow

  • ESLint rule jsdoc/check-tag-names has now been enabled everywhere. We allow a few extra tags over the plugin defined set:
    • @backward-compat for marking code as being backwards compatible with a specific version, e.g. New Tab and devtools code use it.
    • @rejects for indicating if an async (or promise returning) function may reject. This is not standard in JSDoc, and TypeScript doesn’t have an equivalent. Hence for now, this is an alternative way that we can use to at least document the expectations.
    • Various tag names that are used for Lit types.

Information Management/Sidebar

New Tab Page

Profile Management

Search and Navigation

  • Moritz and Dao continue re-implementing the search bar using urlbar modules (2007126, 1989909, 2006855, 2006632, 2004788, 2002978, 2004321, 2002293, 2005772)
  • Vignesh (open source contributor) removed the unused browser.urlbar.addons.minKeywordLength pref (2003197)
  • Mak improved favicon clearing performance in SQLite, significantly reducing CPU usage. (2007091
  • Moritz fixed browser.search.openintab opening in the current tab instead of a new tab (2007254
  • Drew and Daisuke continue implementing online flight status suggestions (1994297)
  • mconley removed legacy non-handoff content search UI code(1999334)
  • Daisuke fixed multiple address bar bugs, including broken “switch to [tab group]” behaviour, persisted search terms, and a missing unified search button in private new tabs (2002936, 1968218, 1961568)

Storybook/Reusable Components/Acorn Design System

Tab Groups

UX Fundamentals