Forums

Give help. Get help.

  • # December 28, 2017 at 9:08 am

    Hi,

    I ran into weird issue in Firefox 57.0.2. I have two panels that translate without issue but if I set rotation on container animation plays weirdly. If I set background-color or border on container, it again plays normally. Can somebody please explain what is happening and what changes when we set border or background-color? Any CSS property I can set so it will work properly without background or border?

    Demo without background color https://codepen.io/anon/pen/MrpQzj

    Demo with background color https://codepen.io/anon/pen/XVMZyg

    # December 28, 2017 at 12:30 pm

    Very odd, it seems to become glitchy when not hovering the main content window. And it won’t show the animation at all unless you do hover it. Cannot explain why though.

    Edit – but I suspect it has to do with the overflow: hidden on one of the elements.

    # December 28, 2017 at 10:19 pm

    Thanks for the reply, it seems to me like a rendering bug? Anywhere I can report it or get answer?

    # December 29, 2017 at 12:52 am

    I think it is as well. I’ve googled but couldn’t find the specifics, which would be needed to report it to Mozilla. Stackoverflow might get you a response.

    Check out this one by the way, utterly weird – bleeding into the code windows even when scrolling:

    codepen.io/anon/pen/XzyWgy

    # December 29, 2017 at 12:54 am

    If you wait long enough, it inexplicably snaps back…

    # December 29, 2017 at 1:13 am

    Looks like Firefox quantum has too many bugs, from developers tools to rendering issues, not forget it just freezes if you open any website with heavy animations.

    Anyway, I tried stack overflow but didn’t get response. Tried other forums too but I guess with holidays it will be hard to get answer. I think I will just report it to Mozilla. Thanks.

    # December 29, 2017 at 10:49 am

    The post on SO looks like a Tumbleweed badge candidate. Not much luck elsewhere either, I see. Strange that the reply on Daniweb mentions not seeing the issue.

    I’ve generally experienced border, transform and overflow having weird interaction. Although I’m not aware of the exact specification causing that. But the fact that changing the background also has an effect, it’s most flabbergasting to me.

    Hope you’ll figure it out (please report back if you do).

    # December 29, 2017 at 11:35 am

    Sure I will report back whenever I figure it out.

    Well that guy on Daniweb is always hard to deal with, usually when he responds you just have to go in circles to explain your question, I would just ignore his response.

    Pretty impressed and curious how you managed to find my questions on other forums.

    # December 29, 2017 at 11:52 am

    No big mystery, I just googled the title of this topic. Sites were in the top results.

    # January 2, 2018 at 12:14 pm

    It can be resolved by using transform-style: preserve-3d; and seems like it is quirk rather than bug.

    https://codepen.io/anon/pen/MrpQzj?editors=0110

    # January 2, 2018 at 2:42 pm

    Thanks for the update. Interesting, I actually did try that one but guess I didn’t put it on the correct element. It also fixes the overflow in the pen I posted. If it’s not a real bug, I’d call it a quirk plus though.

Viewing 11 posts - 1 through 11 (of 11 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag