1311026 - Adding class with transition on element "display:inline-flex"

Status: RESOLVED INCOMPLETE

(Core :: Layout, defect)

Description

[jacquelin.clement]

Attachment: Kapture 2016-10-18 at 16.31.35.mp4

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.11; rv:49.0) Gecko/20100101 Firefox/49.0
Build ID: 20160922113459

Steps to reproduce:

I add a class with jQuery like this : $(this).addClass('is-loading');
On the div .parent wiche is in display: inline-flex;


Actual results:

The transition on my element (.parent.is-loading text opacity go to 1->0) doesn't work. When the element is on display:block (.parent.is-loading) the opacity work with the transition.


Expected results:

On Google chrome, the same manipulation work with transition.

Comment 1

[Tooru Fujisawa [:arai]]

Can you provide a standalone testcase?

Comment 2

[Daniel Holbert [:dholbert]]

Jacquelin, thanks for filing the bug -- but I'm afraid there's not much we can figure out or do here, with just the information you've provided so far.

To proceed, we really need a functional testcase, or at least an example URL for a live page that demonstrates the problem.  Could you provide one of those? (Thanks in advance!)

(Side note - there's a small chance that this was recently fixed in Nightly, if it happens to have the same underlying cause as bug 1248402.  It's impossible to know for sure without seeing actual test code, though.)

Comment 3

[jacquelin.clement]

Hi,

I just can't reproduce the bug again ... I'm sorry :/
Everything work again on the same environement ...

Comment 4

[Daniel Holbert [:dholbert]]

OK, thanks for letting us know! Feel free to reopen if you can reproduce it again.