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.

[Tabs] [Angular] [IOS] Selected tab isn't highlighted

See original GitHub issue

Which platform(s) does your issue occur on? iOS, emulator, 14.4 Please, provide the following version numbers that your issue occurs with: CLI: 8.0.1 Cross-platform modules: 8.0.0 Runtime(s): 8.0.0 Plugin(s): 5.2.19 Created the simple app with ns create my-tab-ng --template @nativescript/template-tab-navigation-ng Replaced app.component.html with the following markup: <MDTabs> <MDTabStrip> <MDTabStripItem> <Label text="Page 0"></Label> </MDTabStripItem> <MDTabStripItem> <Label text="Page 1"></Label> </MDTabStripItem> <MDTabStripItem> <Label text="Page 2"></Label> </MDTabStripItem> <MDTabContentItem> <Label text="Page 0" class="h2 text-center"></Label> </MDTabContentItem> <MDTabContentItem> <Label text="Page 1" class="h2 text-center"></Label> </MDTabContentItem> <MDTabContentItem> <Label text="Page 2" class="h2 text-center"></Label> </MDTabContentItem>

Selected tab isn’t highlighted If on page load selectedIndex=0.

image

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
jcassidyavcommented, Apr 22, 2021

@farfromrefug I think I have it now, I had to do the following:

  • Change the tsc-win entries to replace all the / with \\
  • Added in a build.angular.win again changing the slashes That nearly got me there but I could not get it to build without adding @nativescript-community/ui-material-core to the root package dependencies, I won’t check this in but it was the only way I could get it to build, might have something to do with symlinks on windows maybe?

Then I

  • updated the angular demo to ns8
  • fixed the angular demo so the tabs show up.

so I’ll take a look at making the change now.

1reaction
farfromrefugcommented, Apr 12, 2021

@valera1401 should be fixed in latest

Read more comments on GitHub >

github_iconTop Results From Across the Web

angular material tabs does not highlight the active tab properly ...
So when ng-click is executed, it goes to perticular div perfectly, but it does not highlight the active/selected tab at all. So is...
Read more >
Tabs highlight/selected color not applied when using gestures
When using custom highlight colors for TabStrip , the specified color is only used for tapping to select the tab. When using the...
Read more >
Tabs - NativeScript Docs
The NativeScript's Tabs component provides a simple way to navigate between different views while providing common UI for both iOS and Android platforms....
Read more >
p-tabview initial selected tab not highlighted - PrimeFaces forum
Hi, I am creating a t-tabview, I can set the selected tab but when the page loads none of the tabs are highlighted...
Read more >
Ion-Tabs: Tab-Based Component for App Top-Level Navigation
Tabs are a top level navigation component to implement a tab-based navigation. The component is a container of individual Tab components.
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