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.

MudTabPanel text is always uppercase, Style attribute text-transform: none is ignored

See original GitHub issue

Describe the bug A <MudTabPanel Text="mylowercasetext" ... like this always translates the text to upper-case.

This is the same behaviour as with a <MudButton>, but <MudButton> respects the style attribute when applied: <MudButton Style="text-transform: none;" while <MudTabPanel> does not.

Expected behavior <MudTabPanel> should apply Style attributes.

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
Garderobencommented, Mar 8, 2021

@Yomodo btw what i had above should ofcource go into a .css file and not inlined like that.

I just added so Class and Style works on the MudTabPanel, i will release it now since i fixed a bug that came with 5.0.4 so make sure to update to 5.0.5 in 30-60 min.

1reaction
Yomodocommented, Mar 8, 2021

Cool, I can now use this to get what I need:

.bananpizza {
        text-transform: none;
    }

It feels a bit dirty. Why is the tabpanel text uppercased in the first place?

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to customise React Material UI's Tab Component's ...
const CustomTab = withStyles({ root: { textTransform: "none" } })(Tab); ... you can use sx prop to transform the text or add any...
Read more >
Allow changing “text-transform” of tab text
I would love to be able to change the tab text “text-transform” property to other value than “capitalize”. This would make much more...
Read more >
Is there a way to change the Top Navigation tab titles to be ...
I think, there should be two approaches: There should be a style somewhere in your CSS files that makes your tab names uppercase....
Read more >
Make tab button text non uppercase - Ionic Forum
By standard it seems like the tab buttons in Ionic2 are uppercase, what is the variable for changing that? Or shouzld I do...
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