paper-sidenav on safari doesn't slide out

[kbullaughey]

In both Chrome and Firefox (on my mac) the sidenav slides in and out with a slide animation. But on Safari (macOS and iOS) the left sidenav slides in but doesn't slide out. Instead it just disappears. I would assume this is not intentional?

[kbullaughey]

The problem seems to be something to do with the *-add, *-add-active, *-remove and *-remove-active classes applied by ember-css-transitions. I was able to get around the problem by disabling transitionClassNameBindings and making md-closed a directly applied class:

import PaperSidenavInner from 'ember-paper/components/paper-sidenav-inner';

export default PaperSidenavInner.extend({
  classNameBindings: ['positionClass', 'closed:md-closed'],
  transitionClassNameBindings: [],
});

I gave up looking for the css rules that were causing the problem.