How would I go about making a draggable frameless window in electron

I’ve been searching all over the internet on how to make a frameless window draggable in electron and I keep finding the same solution everywhere, but it doesn’t work for me.

This is my HTML code:

<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>

And this is my CSS code:

#drag-region{
    -webkit-user-select: none;
    -webkit-app-region: drag;
}

I don’t get any errors in the terminal however when I hover over -webkit-user-select: none;, a message pops up saying Also define the standard property 'user-select' for compatibilitycss(vendorPrefix). I haven’t messed with that since I have no clue what it means and it does its job.

I was just wondering if there is anything wrong with my html or css code and why the frameless window is not draggable. I’m also looking for any alternate ways if there are any.

194 thoughts on “How would I go about making a draggable frameless window in electron”

  1. Hey I know this is off topic but I was wondering if you knew of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience
    with something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward to your
    new updates. http://droga5.net/

    Reply
  2. [url=https://ivermectinsp.com/]ivermectin 8000[/url] [url=https://viagraut.com/]buy cheap sildenafil[/url] [url=https://999tabs.com/]fast shipping prednisone[/url] [url=https://cialisxorder.com/]tadalafil canada online pharmacy[/url] [url=https://viagraif.com/]buy sildenafil online nz[/url] [url=https://ivermectiner.com/]ivermectin 3mg dosage[/url] [url=https://buyepills.com/]can you buy amoxicillin over the counter in south africa[/url] [url=https://tadalafilvpill.com/]generic tadalafil from india[/url] [url=https://icviagra.com/]india viagra online[/url] [url=https://cialisfm.com/]australia cialis[/url]

    Reply
  3. [url=https://chpills.com/]accutane 20 mg for sale[/url] [url=https://ebcialis.com/]tadalafil capsules 7mg[/url] [url=https://sildenafilgenericpills.com/]buy sildenafil paypal[/url] [url=https://cialisfm.com/]tadalafil tablets 20 mg buy[/url] [url=https://tadalafilab.com/]tadalafil 20 mg tablet price[/url] [url=https://viagragenpill.com/]generic viagra fast shipping[/url] [url=https://modafinilxc.com/]how to get modafinil[/url] [url=https://genericcialisnorx.com/]brand cialis[/url] [url=https://tadalafileff.com/]cost of tadalafil 10mg[/url] [url=https://ivermectinmt.com/]ivermectin 4 mg[/url]

    Reply
  4. [url=http://sildenafilatab.com/]buy generic sildenafil online[/url] [url=http://norxtadalafil.com/]tadalafil generic canada[/url] [url=http://extratadalafil.com/]tadalafil daily india[/url] [url=http://viviagra.com/]viagra in usa prescription[/url] [url=http://cialisfm.com/]cialis over the counter nz[/url] [url=http://cheapcialisforsale.com/]how much is generic cialis[/url] [url=http://buycialismed.com/]buy discount cialis[/url] [url=http://hotviagraonline.com/]viagra pills for sale[/url]

    Reply
  5. [url=https://sildenafilhot.com/]sildenafil 50 mg online uk[/url] [url=https://cialisvtab.com/]cialis daily use coupon[/url] [url=https://buyepills.com/]generic amoxicillin cost[/url] [url=https://hotviagraonline.com/]viagra for sale online australia[/url] [url=https://ordercialispills.com/]cheap genuine cialis[/url] [url=https://onlinenorx.com/]cost of plaquenil[/url] [url=https://viagradmed.com/]viagra uk otc[/url] [url=https://extratadalafil.com/]5mg tadalafil daily[/url] [url=https://tadalafilvpill.com/]buy tadalafil 20mg uk[/url] [url=https://buycialist.com/]where can you buy cialis over the counter[/url]

    Reply
  6. [url=http://ebcialis.com/]where to buy over the counter cialis[/url] [url=http://onlinenorx.com/]plaquenil best price[/url] [url=http://ntviagra.com/]viagra for sale from canada[/url] [url=http://viagraefc.com/]buy cheap viagra online canadian pharmacy[/url] [url=http://viviagra.com/]viagra 100mg tablet price[/url]

    Reply
  7. [url=https://ivermectiner.com/]ivermectin 400 mg[/url] [url=https://hotviagraonline.com/]viagra online india[/url] [url=https://cialisfb.com/]brand name cialis cheap[/url] [url=https://buyviagramed.com/]where to buy viagra over the counter uk[/url] [url=https://viagramb.com/]viagra 100 mg canada[/url] [url=https://ivermectincvpill.com/]stromectol brand[/url] [url=https://cialisur.com/]where to buy cialis in south africa[/url] [url=https://cialisfm.com/]20mg tadalafil canada[/url] [url=https://buycialismed.com/]cialis online australia[/url] [url=https://hydroxychloroquinetb.com/]hydroxychloroquine sulfate australia[/url]

    Reply
  8. [url=https://viagrahtab.com/]buy viagra online with visa[/url] [url=https://ivermectinzt.com/]cost of ivermectin 1% cream[/url] [url=https://wplasix.com/]generic furosemide 20 mg[/url] [url=https://kamagrabuyonline.com/]kamagra soft[/url] [url=https://pharmacyzeus.com/]canadadrugpharmacy com[/url]

    Reply
  9. [url=https://cialisetabs.com/]buy generic cialis 10mg[/url] [url=https://aventolin.com/]albuterol brand name in india[/url] [url=https://viagrauni.com/]viagra for female for sale[/url] [url=https://phdtabs.com/]minoxidil finasteride[/url] [url=https://medptr.com/]levitra medicine price[/url]

    Reply
  10. [url=http://bestviagrapills.com/]discount viagra india[/url] [url=http://viagraiix.com/]viagra generic over the counter[/url] [url=http://viagrahtab.com/]discount viagra pills[/url] [url=http://pharmacyzeus.com/]legit online pharmacy[/url] [url=http://viagrafmed.com/]best sildenafil coupon[/url] [url=http://sildenafilfp.com/]viagra online prescription[/url]

    Reply
  11. I have been exploring for a little for any high quality articles or
    blog posts in this sort of area . Exploring in Yahoo I finally stumbled
    upon this web site. Reading this information So i am glad to
    convey that I’ve an incredibly excellent uncanny feeling I
    discovered exactly what I needed. I so much surely will make certain to do
    not disregard this web site and provides it a look regularly. https://herreramedical.org/hydroxychloroquine

    Reply

Leave a Comment