Wednesday, September 27, 2023
HomeCSSjavascript - Electron navbar just dragable ahead as well as drag does...

javascript – Electron navbar just dragable ahead as well as drag does not functions when scrolled


upon even more debugging i familiarized that click is signed up listed below the navbar on the card thats why the drag do not function when scrolled yet it functions when ahead,

the pile i am utilizing is respond, electron, tailwind-css

below is the display shots of the ruin …

can not drag the home window below
 can't drag the window

can drag the home window below
 can drag the window

currently some code …

Navbar

 feature Navbar( {tag}) {
return (
<< div className=" nav navbar bg-base-100 text-secondary sticky top-0 z-20 enabledrag ">>.
<< div>>.
{tag}
<< a className=" btn btn-ghost normal-case text-xl disabledrag">> instance<.
<.
<.
).
}
export default Navbar.

Pagecontent

 feature Card() {
return (.
<< div className=" card rounded-lg bg-base-100 shadow-xl disabledrag ">>.
<< number>>.
<< img.
src=" https://images.unsplash.com/photo-1525966222134-fcfa99b8ae77?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8c2hvZXN8ZW58MHx8MHx8fDA%3D&auto=format&fit=crop&w=500&q=60"
alt=" Footwear"
className=" w-96 h-60 rounded-lg ".
/>>.
<.
<.
).
}

feature Pagecontent() {
return (.
<< div className=" grid grid-cols-3 gap-4 m-4 justify-items-center grid-flow-row-dense z-10 disabledrag ">>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<< Card/>>.
<.
).
}
export default Pagecontent.

Cssfile

 body {
- webkit-app-region: drag;
margin: 0;
cushioning: 0;
}

. enabledrag {
- webkit-app-region: drag;
}

. disabledrag {
- webkit-app-region: none;
}

::- webkit-scrollbar {
size: 12px;/ * for upright scrollbars */.
elevation: 12px;/ * for straight scrollbars */.
}

::- webkit-scrollbar-track {
history: rgb( 55, 58, 80);.
border-radius: 25px;.
}

::- webkit-scrollbar-thumb {
history: rgba( 58, 84, 199, 0.89);.

border-radius: 25px;.
}


web browser home window

// Produce the web browser home window.
const mainWindow = brand-new BrowserWindow( {
size: 1200,.
elevation: 670,.

minWidth: 1300,.
minHeight: 700,.


// setups below boi.
framework: incorrect,.
titleBarStyle: 'customButtonsOnHover',.
titleBarStyle: 'concealed',.
titleBarOverlay: {
shade: '# 2f3241',.
symbolColor: '# 74b1be',.
elevation: 20,.
size: 40.
},.

autoHideMenuBar: real,.
...( process.platform === 'linux'? {symbol}: {} ),.
webPreferences: {
nodeIntegration: real,.
contextIsolation: incorrect,.
preload: sign up with( __ dirname, './ preload/index. js'),.
sandbox: incorrect.
}
} )


according to electron docs i ought to have the ability to drag the home window.
because reason i think click is going-through which it needs to not be ...

assumption making the navbar sticky triggered this much migraine.
any kind of kinda assistance will certainly be valued.
ideally tomorrow somebody responds ...

RELATED ARTICLES

Most Popular

Recent Comments