Card rotating display issue in Firefox


Topic: Card rotating display issue in Firefox

hemdwerk pro asked 6 years ago

Hi!

Can you please check out the example for cards rotating effect in Firefox.
https://mdbootstrap.com/plugins/jquery/flipping-cards/

Issue: Card 1 is still diplayed and not hiding correctly when rotating.
Funny it also works in IE / Edge but not in Firefox.


hemdwerk pro commented 6 years ago

And how do I make the rotate version work? Do I need to add extra CSS? I am using the MDB jQuery PRO edition.


Bartłomiej Malanowski staff pro premium answered 6 years ago

There's a bug with our flipping cards, but don't worry - this will be fixed in the upcoming release 


hemdwerk pro answered 6 years ago

Hi Bartlomiej!

Thank you for your reply. So you suggest not to use the plugin for now and wait for the next update?

Anyway, can you tell me how to make the plugin work? Do I have to include a special CSS file?


Bartłomiej Malanowski staff pro premium commented 6 years ago

We haven't fixed it yet, but it's on our TODO list. I think that might be fixed with some javascript code


Colinet answered 4 years ago

Hi, The are now two years later and issued still here or re appear.

I have exactly the same with version 4.19.1 flipping card are rotating correctly, but back still display after the rotation. but in this case, not sure it's important, with a transparent background enter image description here

Is there a solution for that ? Tahnks Lauco


Krzysztof Wilk staff commented 4 years ago

Hi!

Yes, it was fixed. Could you make a snippet with your problem and share it with me?

Best regards


Colinet answered 4 years ago

Hi, Yes for sure, here please

https://mdbootstrap.com/snippets/jquery/colinet/2631284?action=forum_snippet###

Thanks, Lauco


Krzysztof Wilk staff commented 4 years ago

Hi!

I see that another issue occurred that we didn't realize. When you are flipping the card, the whole container is flipping and Firefox doesn't get it like Chrome. We'll fix it as soon as possible :)

Best regards


Colinet commented 4 years ago

OK, thanks let me know about the fix

Let me know if you need a specialist to find incredible bug and solutions :)

try to put in your html

you will see what I talk about ! Best lauco


Colinet answered 4 years ago

Try to put in html

<script src='pinaas.js'></script>

Note: don't know why but always get an error with that file name. and you ?

LauCo


Krzysztof Wilk staff commented 4 years ago

Hi!

Could you paste this error here?

Best regards


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.15
  • Device: Desktop
  • Browser: Firefox 64
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No
Tags