Fix Teams Cannot Start a New Chat on Teams for the Web

You open Teams in your browser, click the New chat button, and nothing happens. The chat window does not open, or the message input field stays grayed out. This issue usually comes from browser cache conflicts, disabled third-party cookies, or an outdated service worker. This article explains the root causes and gives you step-by-step fixes to restore the New chat button in Teams for the web.

Why the New Chat Button Fails in Teams for the Web

Teams for the web is a single-page application that relies on several browser technologies. The chat composer, which opens when you click New chat, is loaded dynamically through JavaScript. If any of these resources fail to load, the button appears unresponsive.

The most common technical cause is a stale service worker. A service worker is a script that caches parts of the Teams app to speed up loading. When Teams updates its code, the old service worker can conflict with the new version. This leaves the chat interface in a broken state.

Another cause is browser cookie settings. Teams uses cookies to authenticate your session and to load the chat panel. If your browser blocks third-party cookies, Teams cannot retrieve the correct data, and the New chat button does not respond.

A third cause is an outdated browser or a conflicting browser extension. Extensions that block scripts or modify page content can prevent Teams from initializing the chat composer.

What the New Chat Button Should Do

When you click New chat, a small window opens on the right side of the screen. It shows a search box where you type a person’s name, a group name, or a channel. After you select a contact, the chat window opens with a message input field. If any part of this sequence fails, the button seems dead.

Steps to Fix the New Chat Button in Teams for the Web

Follow these steps in order. Test the New chat button after each step. Stop when the button works.

Method 1: Clear Browser Cache and Site Data

1. Open Teams in your browser
   Go to teams.microsoft.com and sign in if you are not already signed in.
2. Open browser settings
   In Chrome or Edge, click the three-dot menu in the top right corner, then select Settings. In Firefox, click the hamburger menu and select Settings.
3. Find the site data section
   In Chrome and Edge, go to Privacy and security, then click Site settings, then View permissions and data stored across sites. In Firefox, go to Privacy and Security, then scroll to Cookies and Site Data, and click Manage Data.
4. Delete data for teams.microsoft.com
   Search for teams.microsoft.com in the list. Click the trash icon or the Delete button next to it. Confirm the deletion.
5. Reload Teams
   Close the browser tab and open Teams again. Sign in and click New chat to test.

Method 2: Enable Third-Party Cookies

1. Open browser settings
   In Chrome, go to Settings > Privacy and security > Third-party cookies. In Edge, go to Settings > Cookies and site permissions > Manage and delete cookies and site data.
2. Select the correct cookie option
   In Chrome, choose Allow third-party cookies or add an exception for teams.microsoft.com. In Edge, ensure the toggle for Block third-party cookies is off.
3. Restart the browser
   Close all browser windows and reopen Teams. Test the New chat button.

Method 3: Use a Private or Incognito Window

1. Open a private window
   In Chrome or Edge, press Ctrl+Shift+N. In Firefox, press Ctrl+Shift+P.
2. Sign in to Teams
   Go to teams.microsoft.com and sign in with your work or school account.
3. Test the New chat button
   If the button works in private mode, a browser extension or cached profile is the problem. Disable extensions one by one and test again.

Method 4: Disable Browser Extensions

1. Open the extension manager
   In Chrome, go to Settings > Extensions. In Edge, go to Settings > Extensions. In Firefox, go to Add-ons and themes.
2. Turn off all extensions
   Toggle off every extension, including ad blockers and script blockers.
3. Reload Teams
   Refresh the Teams tab and test the New chat button. If it works, turn extensions back on one by one to find the culprit.

Method 5: Use the Teams Progressive Web App

1. Open Teams in your browser
   Sign in at teams.microsoft.com.
2. Install the PWA
   Click the install icon in the address bar, or go to the browser menu and select Install Microsoft Teams or Install Teams.
3. Launch the installed app
   Open Teams from your desktop or Start menu. Sign in if needed and test the New chat button.

If Teams Still Has Issues After the Main Fix

Teams Shows a Blank Window After Clearing Cache

Clearing cache sometimes signs you out or resets the app state. Sign out completely, close the browser, and sign back in. If the blank window persists, press Ctrl+F5 to force a hard refresh. This reloads all scripts from the server.

The New Chat Button Is Grayed Out

A grayed-out button means Teams has not loaded the chat module. This often happens when the network is slow or when a firewall blocks certain Teams endpoints. Check your network connection and try again. If you are on a corporate network, contact your IT admin to verify that teams.microsoft.com and all subdomains are allowed.

Chat Works in the Desktop App but Not in the Browser

This points to a browser-specific issue. Compare your browser version with the latest supported version. Teams web requires the latest version of Chrome, Edge, Firefox, or Safari. Update your browser and retry.

New Teams Web vs Teams Desktop for Chat

Item	Teams for the Web	Teams Desktop App
New chat button behavior	Opens a popup panel inside the browser tab	Opens a separate chat window that can be resized
Offline support	Requires an active internet connection	Supports offline mode for some features
System resource usage	Uses browser memory and CPU	Uses dedicated app processes
Installation requirement	None, works in any modern browser	Requires a one-time installation

The web version is convenient for quick access, but the desktop app offers a more reliable chat experience. If you frequently start new chats, consider installing the desktop app or the PWA.

You can now fix the New chat button by clearing cache, enabling third-party cookies, testing in a private window, or switching to the PWA. Start with the cache clear because it resolves most cases. If the problem returns, check your browser extensions and keep your browser updated. For a permanent solution, install the Teams desktop app and use the Ctrl+N shortcut to start a new chat instantly.