I have been scouring the depths of the internet for a solution on how to make a frameless window draggable in electron, but no matter where I look, I keep stumbling upon the same ineffective fix.
Here is the HTML code I have been using:
<header id="titlebar">
<div id="drag-region">
<img src="images/check_icon.svg" alt="icon" id="icon">
<p id="title">to do app</p>
</div>
</header>
Additionally, this is my CSS code snippet:
#drag-region{
-webkit-user-select: none;
-webkit-app-region: drag;
}
While there are no errors present in the terminal, an unexpected message appears when hovering over the -webkit-user-select: none;
property stating
Also define the standard property 'user-select' for compatibilitycss(vendorPrefix)
. Despite this, I haven't made any changes as I am unsure of its significance and it seems to be functioning properly.
I am uncertain why the frameless window remains undraggable despite implementing the mentioned html and css codes. Therefore, I am seeking alternative solutions or debugging methods if possible.