status-web icon indicating copy to clipboard operation
status-web copied to clipboard

Research transparency of browser windows

Open felicio opened this issue 1 year ago • 3 comments

What

  • Research if it's possible to make browsers' window transparent to show system background
  • See https://discord.com/channels/@me/1079757666747940965/1097480164792868864

Why

  • Achieve feature parity with Desktop

image

Where

  • Avatar (e.g. community, user) outline in sidebar and shell
  • Indicator outline/border/cutout
  • Lock icon

felicio avatar Apr 17 '23 11:04 felicio

No, it is not possible to set the transparency of the browser window itself using standard web technologies like HTML, CSS, and JavaScript. The transparency of the browser window is controlled by the operating system, and it is not exposed to web pages for security and privacy reasons.

However, some browsers may provide extensions or APIs that allow developers to modify the appearance and behavior of the browser window, including its transparency. These APIs are typically only available to trusted extensions and require special permissions to access. Additionally, modifying the browser window's appearance can have unintended consequences for the user experience, so it should be done with caution and user testing.

– source, ChatGPT

felicio avatar Apr 17 '23 11:04 felicio

[https://github.com/ibitcy/react-native-hole-view] this is what they used. not sure if relevant for web – https://discord.com/channels/@me/1079757666747940965/1097468929028411462

felicio avatar Apr 17 '23 12:04 felicio

This is not possible.

prichodko avatar Apr 24 '23 10:04 prichodko