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.

TabIndicator is not calculated correctly when used wihtin a Drawer

See original GitHub issue

Bug report

Describe the bug

The TabIndiciator does not calculate its position correctly when used in a component like a Drawer but also when for example resizing the window.

Minimal reproduction

https://codesandbox.io/s/hardcore-dawn-w88t5?file=/src/App.tsx

Expected behavior

expected-tab-indicator

Actual behavior

actual

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:3
  • Comments:17 (9 by maintainers)

github_iconTop GitHub Comments

2reactions
Samic8commented, Dec 8, 2020

@with-heart Could you assign this one to me, please? I will be able to work on it next Monday/Tuesday

1reaction
segunadebayocommented, Dec 11, 2020

Go for it! @Samic8

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to fix TabIndicator not moving with selected tab
I am using a tablayout to build my application but the tab indicator is not working when I slide within the tabs. Can...
Read more >
Tabs - Material Design
Tabs organize high level content in an app content, such as switching between views, data sets, or functional aspects of an app.
Read more >
Tabs Design Guidelines - React Magma
Icons used on their own should only be done if testing proves that the icons being used are clear and easy to understand...
Read more >
Material UI | React | Persistent Drawer and Tabs - Medium
The drawer is closed and the tab indicator is in the correct position. Now with the drawer open, the tab indicator is not...
Read more >
Epson TM-20 Receipt Printer Troubleshooting and FAQs
printer will not print receipts, printer does not have power, what type of paper does my printer use, Epson TM-T20ii Ethernet Thermal Receipt...
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