backface-visibility: hidden with transform-style: preserve-3d fails the "is.visible" test #5682
Description
Current behavior:
Currently an element with backface-visibility: hidden; transform: rotateY(180deg); that is inside a parent with transform-style: preserve-3d; transform: rotateY(180deg) will fail the is.visible assertion
The same problem mentioned in #2985 was marked as fixed by #5591 i only think the case where the parent has the css property transform-style: preserve-3d; was forgotten
Desired behavior:
it should not fail the is.visible assertion
Steps to reproduce: (app code and test code)
app code
https://codepen.io/loekup/pen/rNNZqZW
test code
describe('backface-visibility: hidden; test', function () {
it('should flip and validate the visibility of the card faces', function () {
cy.visit('index.html')
cy.get('.front').should('be.visible');
cy.get('.back').should('not.be.visible');
cy.get('.container').click();
cy.get('.front').should('not.be.visible');
cy.get('.back').should('be.visible');
});
});Versions
3.6.1.