Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

BREAKING(get rid of inner component) #81

Merged
merged 9 commits into from
Nov 3, 2017
Merged

Conversation

kybishop
Copy link
Collaborator

@kybishop kybishop commented Nov 1, 2017

Initial spike of removing the inner component and switching to ember-popper 0.7.0, which uses a new approach for interacting with the popper element.

  • Get dummy app working
  • Get tests working
  • Make sure animations work as before
  • Fix issue where position is altered between arg changes (like arrow true/false)

@kybishop
Copy link
Collaborator Author

kybishop commented Nov 3, 2017

I'll squash these commits when it's finally time to merge.

No rush, but @rwwagner90 I'd love your thoughts on this before I push it through.

@kybishop kybishop changed the title WIP: BREAKING(get rid of inner component) BREAKING(get rid of inner component) Nov 3, 2017
@RobbieTheWagner
Copy link
Collaborator

@kybishop can you give me a TLDR of why we made this switch? There is no inner component at all now? Just one component? I'm curious how it effects the issues I was having with outer and inner classes and showing and hiding.

@kybishop
Copy link
Collaborator Author

kybishop commented Nov 3, 2017

Hey @rwwagner90, here are the bullet points:

  1. The inner component was able to be removed thanks to ergonomic improvements to ember-popper.
  2. class is now passed directly to the inner div
  3. {{#ember-attacher}} is now {{#attach-popover}}
  4. The popper <div> (the outer div) is now hidden/shown, and receives the aria-hidden attribute.

We can't remove the inner <div> entirely because popper.js's positioning CSS conflicts with the animation CSS. To get around the issue, we apply animations to the inner div instead.

In regards to your previous issues with class, they'd disappear entirely with this PR. This effectively gets us to parity/compatibility with ember-tooltips.

@RobbieTheWagner
Copy link
Collaborator

@kybishop sounds good to me! I briefly looked at the code, and didn't see anything glaringly wrong, so fine with me to ship it 👍

@kybishop kybishop merged commit 733dc03 into master Nov 3, 2017
@kybishop kybishop deleted the ember-popper-0.7.0 branch November 3, 2017 20:18
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants