Addon not working in iOS?

Open ghost opened this issue 9 years ago • 2 comments

I have a simple component utilizing ember-tether to show a dropdown menu:

<a href="#" {{action 'show'}} class="dropdown-link" data-nofire='true'>
  ☰
</a>

{{#if showDropdown}}
  {{#ember-tether target='.dropdown-link' targetAttachment='bottom left' attachment='top left'}}
    {{header-dropdown-menu}}
  {{/ember-tether}}
{{/if}}

This works properly on web browsers, but once it get's into an iOS simulator, the tether doesn't seem to be attaching itself to the element referenced in the component. It just adds the tethered component below the rest of the html (screenshot).

It seems that the styles aren't properly being added to the highlighted div below in iOS. However, if I inspect the div in iOS, I can see that they styles are there, just not being shown properly. If I uncheck and check position absolute, it fixes itself and looks correct ...