Skip to content

Addon not working in iOS? #36

@ghost

Description

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 ...

Correct (web)

screenshot 2016-09-12 11 40 16

screenshot 2016-09-12 11 50 26

# Incorrect (iOS Simulator)

screenshot_2016-09-12_11_40_00

screenshot 2016-09-12 11 50 43

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions