Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Unable to open new page in selected tab

See original GitHub issue

Hello, when I want to open a new page in a tab, I don’t see anything, is there something wrong with my code?

Below is my code index.html file

<div class="etabs-tabgroup">
  <div class="etabs-tabs"></div>
   <div class="etabs-buttons"></div>
 </div>
<div class="etabs-views"></div>
<script>
    require('./renderer.js')
</script>

renderer.js file

const TabGroup = require("electron-tabs");
let tabGroup = new TabGroup();
 tabGroup.addTab({
    title: "server",
    src: "./demo.html",
    active: true,
    closable:false,
})

demo.html file

<body>
    <a onClick="window.open('http://www.baidu.com')">click me</a>
</body>

Issue Analytics

State:
Created a year ago
Comments:20 (9 by maintainers)

Top GitHub Comments

2reactions

MCMicScommented, Apr 13, 2022

Hi, you can addEventListener for close event to the webview and then close the tab.

const tab = tabGroup.addTab(
    title: "Electron",
    src: "./demo.html",
    visible: true,
    active: true,
    webviewAttributes: {
        allowpopups: true,
        id:'foo',
    }
});
tab.webview.addEventListener('close', () => t.close())

2reactions

puchenhuicommented, Apr 12, 2022

You have been amazing, solved all my problems, I have no problems now, thank you for your very patient guidance.