vizkex
(Yousef)
June 27, 2023, 5:25pm
1
my windows is 11
video for the bug
and i have problem with icons for adding img and so its very pixelated and small ,
thx
craftzdog
(Takuya Matsuyama)
June 28, 2023, 12:48am
2
Hi Vizkex,
Thanks for the video.
The acrylic window support is experimental and unstable in some environments.
You can contribute to the project here:
Unfortunately, the project is not active these days.
craftzdog
(Takuya Matsuyama)
August 8, 2023, 7:13am
3
GOOD NEWS: I found that Electron finally and officially supports Acrylic window!
electron:main
← electron:windows-backdrop
opened 10:49AM - 03 May 23 UTC
#### Description of Change
Supersedes https://github.com/electron/electron/pu… ll/30298.
Closes https://github.com/electron/electron/issues/16391.
Closes https://github.com/electron/electron/issues/29937.
Adds support for background material effects on Windows with `win.setBackgroundMaterial(material)`.
#### Checklist
- [x] PR description included and stakeholders cc'd
- [x] `npm test` passes
- [x] relevant documentation, tutorials, templates and examples are changed or added
- [x] [PR release notes](https://github.com/electron/clerk/blob/main/README.md) describe the change in a way relevant to app developers, and are [capitalized, punctuated, and past tense](https://github.com/electron/clerk/blob/main/README.md#examples).
#### Release Notes
Notes: Add support for Mica and Acrylic background effects on Windows.
I’ll look into it and migrate to it
vizkex
(Yousef)
August 8, 2023, 7:36am
4
it’s really good news !!
I hope it’s fixed now
craftzdog
(Takuya Matsuyama)
August 9, 2023, 4:22am
5
Unfortunately, it was not as stable as expected.
backgroundMaterial = 'acrylic'
works only if the window has a window frame.
Here is a screenshot:
The biggest problem is that the window becomes not resizable with this config
I hope it will be resolved.
It’s already reported:
opened 09:35AM - 25 May 23 UTC
bug
24-x-y
### Preflight Checklist
- [X] I have read the [Contributing Guidelines](https:/… /github.com/electron/electron/blob/main/CONTRIBUTING.md) for this project.
- [X] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/main/CODE_OF_CONDUCT.md) that this project adheres to.
- [X] I have searched the [issue tracker](https://www.github.com/electron/electron/issues) for a bug report that matches the one I want to file, without success.
### Electron Version
24.4.0
### What operating system are you using?
Windows
### Operating System Version
Windows 11 version 22H2 build 22624.1755
### What arch are you using?
x64
### Last Known Working Electron version
_No response_
### Expected Behavior
When setting the `backgroundMaterial` property on a new BrowserWindow, it is expected for the window background to use the material as well as the titlebar.
### Actual Behavior
Only the titlebar of the window has the material, but the client area remains white or any other background color, unless the window is set to be transparent (see below).
### Testcase Gist URL
_No response_
### Additional Information
You can work around this issue by setting `transparent: true`, `show: false` in the window constructor, and showing the window after the webcontents have been loaded. But this approach raises and issue: **the window becomes unresizeable** and the **`thickFrame: true` option is ignored**. The method `window.setResizeable(true)` doesn't work either.
vizkex
(Yousef)
August 10, 2023, 8:20am
6
i have a feeling it will take a long time
but its looking great
craftzdog
(Takuya Matsuyama)
September 22, 2023, 2:20am
7
looks like the frameless bug got resolved
electron:main
← electron:clavin/frameless-bg-mat
opened 03:11AM - 01 Sep 23 UTC
#### Description of Change
* Adds a patch that lets frameless, translucent wi… ndows (i.e. mica, acryllic windows) become "activated", which is necessary for their effects
* Automatically makes windows created with vibrancy/translucency effects have transparent background colors
* Removes some caption styling on translucent window effects on Windows when setting background material
Fixes #38532
#### Checklist
- [x] PR description included and stakeholders cc'd
- [x] `npm test` passes
- [ ] tests are [changed or added](https://github.com/electron/electron/blob/main/docs/development/testing.md)
- [x] relevant documentation, tutorials, templates and examples are changed or added
- [x] [PR release notes](https://github.com/electron/clerk/blob/main/README.md) describe the change in a way relevant to app developers, and are [capitalized, punctuated, and past tense](https://github.com/electron/clerk/blob/main/README.md#examples).
#### Release Notes
Notes: Fixed Windows Mica/Acrylic background material effects on frameless windows.
still nightly tho
vizkex
(Yousef)
September 28, 2023, 1:53pm
8
finely, i see new beta is the bug fix on it ?
craftzdog
(Takuya Matsuyama)
April 4, 2024, 12:54am
11
I’ll try it again when bumping up Electron to the latest
craftzdog
(Takuya Matsuyama)
April 19, 2024, 2:41am
12
still unstable, unfortunately
opened 12:44PM - 22 Jan 24 UTC
platform/windows
bug
status/confirmed
has-repro-gist
29-x-y
### Preflight Checklist
- [X] I have read the [Contributing Guidelines](https:/… /github.com/electron/electron/blob/main/CONTRIBUTING.md) for this project.
- [X] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/main/CODE_OF_CONDUCT.md) that this project adheres to.
- [X] I have searched the [issue tracker](https://www.github.com/electron/electron/issues) for a bug report that matches the one I want to file, without success.
### Electron Version
29.0.0-alpha.11
### What operating system are you using?
Windows
### Operating System Version
Windows 11
### What arch are you using?
x64
### Last Known Working Electron version
_No response_
### Expected Behavior
`backgroundMaterial` should works with `transparent: true` property.
### Actual Behavior
`backgroundMaterial` effect does not work on first page load in frameless window. But it starts working after resizing the window. Without `transparent: true`, `backgroundMaterial` works as intended.
### Testcase Gist URL
https://gist.github.com/cb33c3357860dd393b4155ff63db585e
### Additional Information
_No response_
Inkwadra
(Ilya Chernichkin)
August 3, 2024, 1:08pm
13
1 Like
craftzdog
(Takuya Matsuyama)
August 5, 2024, 7:11am
14
Thanks for the info. Yeah it looks promising.
I wonder why the Electron team is still struggling to solve the issue…
Let me try again with the latest electron
craftzdog
(Takuya Matsuyama)
October 22, 2024, 7:40am
15
There are three issues in mica-electron:
The window size is resized unexpectedly after launching.
When maximizing the window, it can’t be restored to its original size.
It doesn’t respect nativeTheme.themeSource
so you have to manually call micaWindow.setDarkTheme()
or setLightTheme()
depending on the system theme mode
It unfortunately looks like the Electron team is busy on other issues, so this issue has not been resolved:
opened 03:14PM - 26 May 23 UTC
bug
component/BrowserWindow
has-repro-repo
24-x-y
### Preflight Checklist
- [X] I have read the [Contributing Guidelines](https:/… /github.com/electron/electron/blob/main/CONTRIBUTING.md) for this project.
- [X] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/main/CODE_OF_CONDUCT.md) that this project adheres to.
- [X] I have searched the [issue tracker](https://www.github.com/electron/electron/issues) for a bug report that matches the one I want to file, without success.
### Electron Version
24.4.0
### What operating system are you using?
Windows
### Operating System Version
Windows 11 22H2
### What arch are you using?
x64
### Last Known Working Electron version
_No response_
### Expected Behavior
The feature of `backgroundMaterial` could work on frameless window, or it can work when the `titleBarStyle` is `hidden`.
### Actual Behavior
The feature of `backgroundMaterial` is not work when set `frame: false` or `titleBarStyle: hidden`.
### Testcase Gist URL
_No response_
### Additional Information
_No response_
craftzdog
(Takuya Matsuyama)
October 22, 2024, 9:55am
16
I think we should give up the frameless window on Windows when enabling acrylic background.
It actually doesn’t look so bad:
wdyt @Inkwadra
4 Likes
craftzdog
(Takuya Matsuyama)
October 30, 2024, 12:25am
17
v5.9.0-beta.1 now supports the acrylic background on Windows.