[Webkit-unassigned] [Bug 245231] Flip animation flickers and shows back face inappropriately on hariharalaya.com

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=245231

Karl Dubost <karlcow at apple.com> changed:

           What    |Removed                     |Added
----------------------------------------------------------------------------
           Keywords|                            |BrowserCompat

--- Comment #5 from Karl Dubost <karlcow at apple.com> ---
The image not being at the top is due to

```css
.cfb_wrapper .flipbox-front-layout {
    background: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 8px 4px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 0 8px 4px rgba(0, 0, 0, .05);
    box-shadow: 0 0 8px 4px rgba(0, 0, 0, .05);
    padding: 30px 0;
    height: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
}
```

removing the `align-content: center;` puts the image at the top. 
But I wonder why it has no effect on Firefox. The intent seems to be centered but the layout in Firefox is better.

Bug in Firefox which ends up being the desire layout or something else?

to note this doesn't solve the issue for flipped image.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20220921/a4f87b44/attachment-0001.htm>