How to Make Border Radius in Popup Chrome Extension

Chrome extension change border-radius and position

I got the answer from chromium developer:

Alas, that's not something you can control. Your popup content is
basically an iframe inside a window - you can't control the host
window

Remove margin in Chrome browser action popup

From my experience in developing the extensions as well as using them. There isn't a way to get rid of that small border.

The best experience I've seen is matching the rounded corners with a border-radius: 5px

JS Function Not Defined Chrome Extension Popup.js

I needed to download jquery and link it to popup.html using and my JS code needed to be placed inside

$(document).ready(function () {
  //code goes here
});

How does the 1Password Chrome Extension achieve rounded corners?

What you're seeing is not part of the Chrome extension, but the 1Password application itself. The extension merely acts as a middleman between Chrome and the real password manager app on your computer. In fact, the 1Password extension requires the 1Password app to be installed on your computer in order to work. When you click on the icon, that's not a popup window, but a native window created by the 1Password app itself. This is done through native messaging.

---

Related Topics