Blazorise icon indicating copy to clipboard operation
Blazorise copied to clipboard

Adding Class="fade" to TabPanel doesn't work

Open NichUK opened this issue 2 years ago • 2 comments

Describe the bug In vanilla Bootstrap you can add the "fade" class to tab content to introduce a fade effect on switching to a tab, but there is no Fade option on the TabPanel component, and adding Class="fade" adds the fade class to the rendered markup, but doesn't actually fade the panel.

To Reproduce Add Class="fade" to a TabPanel component.

Expected behavior I would expect the selected tab to be faded in

NichUK avatar Mar 04 '22 08:03 NichUK

I would suspect they do the same as with other components like modal or carousel. They use JavaScript to add a fade effect and to control the show active classes based on some timeout. Since we tend to not use Bootstrap JS in Blazorise that behavior is not going to work. Meaning we would also have to implement our own fade effect in C#.

@David-Moreira what do you think? Should we make it for 1.1?

stsrki avatar Mar 04 '22 09:03 stsrki

Ah, that would make perfect sense.

I admit, it's a nice to have, rather than an essential feature, but is also nice on modals and popovers...

Can I just say, I'm now 1 day into using Blazorise, and loving it compared to the previous library that I have just converted from, so Thank You! :)

NichUK avatar Mar 04 '22 09:03 NichUK