The Controversy Behind the Safari 15 Tab Bar Redesign

In the summer of 2021, Apple introduced a radical redesign for version 15 of its Safari web browser across macOS, iOS, and iPadOS, aiming to maximize screen real estate with a streamlined tab bar. However, the early beta versions sparked immediate and widespread backlash from users and developers alike. The controversy stemmed from fundamental usability regressions, including the merging of the address bar with individual tabs, the hiding of essential browser controls, disruptive dynamic color-tinting, and a floating bottom bar on iOS that obscured website content. This article explores the specific design flaws that led to the user revolt and ultimately forced Apple to make the new interface optional before the final public release.

The primary source of frustration on macOS and iPadOS was the "Compact" tab bar, which combined the traditional URL address bar and the tab bar into a single row. In this layout, the currently active tab expanded to become the address bar, while inactive tabs shrunk to the sides. Because the active tab changed size depending on which tab was selected, the positions of all other tabs constantly shifted. This broke spatial consistency, making it difficult for users to quickly click through multiple tabs or close several tabs in rapid succession without accidentally clicking the wrong interface element.

Furthermore, merging the address bar into the active tab created confusion regarding basic browser functionality. Users were no longer viewing the full URL of a webpage, often seeing only the domain name, which raised security and navigation concerns for power users. Because the active tab looked just like the surrounding tabs until clicked, many users struggled to identify where to type a new search query or web address, disrupting decades of established web-browsing muscle memory.

To make room for this consolidated single-row design, Apple removed several dedicated buttons from the main view, including the Reload, Share, and Reader Mode icons. These essential tools were tucked away inside a new "more" menu represented by three dots. Tasks that previously required a single click now required multiple interactions, significantly slowing down everyday workflows in the name of minimalism.

Visual clarity also suffered due to an aggressive new color-tinting feature. Safari 15 was designed to sample the header color of the active webpage and apply that color to the entire top browser bar. While visually striking, this often made it nearly impossible to distinguish the active tab from inactive tabs. On certain websites with bright or high-contrast headers, the browser controls and tab text became difficult to read, prioritizing aesthetics over basic accessibility.

On iOS, the redesign was equally polarizing. Apple moved the unified tab and address bar to the bottom of the iPhone screen, presenting it as a floating pill-shaped element. While moving controls to the bottom made them easier to reach with one thumb on larger screens, the floating nature of the bar caused major layout issues. It frequently covered up fixed bottom navigation menus and interactive elements on modern mobile websites. Additionally, basic actions like refreshing a page or viewing open tabs required awkward new swipe gestures rather than simple taps.

Throughout the beta testing cycle, feedback channels, social media, and tech journalism outlets were flooded with complaints detailing these regressions. Recognizing that the forced redesign alienated a massive portion of its user base, Apple steadily walked back the changes in subsequent beta updates. By the time Safari 15 officially launched in the fall of 2021, Apple had restored the traditional layouts as the default—or as an easily accessible toggle—allowing users to choose between the classic interface and the streamlined design.