question-mark
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.

Tab Navigation broken?

See original GitHub issue

Describe the bug When I click on any tab. it gets active and I see it’s webview. but when I click on another tab (which was clicked before), nothing changes.

So, let’s say I open app, I make a tab and load Google. I open another tab and load Amazon. Both of them will get background of white color indicating both are active. when I click on the Google tab, nothing happens. I stay on Amazon. when I close amazon, I’am able to load Google tab.

To Reproduce 1- Create a tab. 2- Create another tab. 3- connot load 1st tab anymore.

Expected behavior I should be able to load any tab when I click on it.

Please complete the following information

  • OS: Windows 10
  • electron-tabs version 0.15.0
  • Electron version 9.0.0

Code If your issue involves code, please consider creating a sample in a dedicated repository.

Screenshots image Additional information Thanks.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:8 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
brrdcommented, Jun 9, 2020

I think there is something wrong in https://github.com/PocketInc/Pocket-Browser/blob/09547698ab9f483052da602409a015fc9be1fc16/tabs.js

function addTab() {
  const TabGroup = require("electron-tabs");
  let tabGroup = new TabGroup();
  let tab = tabGroup.addTab({
    src: homePage,
    title: "New Tab",
  });

  log.info("Opening new tab.");
}

Each time you use addTab() this creates a new tabGroup with a single tab.

Try this instead:

const TabGroup = require("electron-tabs");
const tabGroup = new TabGroup();

function addTab() {
  let tab = tabGroup.addTab({
    src: homePage,
    title: "New Tab",
  });

  log.info("Opening new tab.");
}

And make sure this code is run once document is ready.

I’m closing this issue since it is not caused by electron-tabs.

0reactions
AhmadHrbcommented, Jun 9, 2020

Thank you. I can’t imagine how I fell in such thing XD Thanks again, and sorry for the trouble.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tab key navigation not working - WordPress.org
You can use the “tab” key to navigate in tabs, and the “space bar” to change the checkbox value. “enter” save the settings....
Read more >
WPF: Tab navigation broken with collapsed hyperlink
Problem : Navigation with the TAB key stops at collapsed TextBlock/Hyperlink. Reproduction: <Window x:Class="TabTest.MainWindow" xmlns ...
Read more >
Tab navigation broken for demands in pipeline definition
In build pipeline properties, try to add demand. First problem - after clicking add, I would expect that focus automatically goes to the...
Read more >
Browser navigation is broken after selecting different tabs in ...
Bug Description. When I switch tabs in the ideas widget multiple times, my browser history is full of similar records with just different ......
Read more >
Tab key navigation shortcut not working in Safari, MacOS - Fixed
If you regularly use the tab key to navigate your web browser and it doesn't work on Safari, here's an easy fix for...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found