Override native-scrollable styles.

[arkadiyk]

ember-native-scrollable sets overflow: scroll for mobile devices.

what is the best way to override it with: overflow-y: scroll; overflow-x: hidden; ?

Thanks.

[Ramblurr]

Just ran across this too.

On iOS devices the default overflow:scroll (or even auto) behavior results in bouncy over-scroll in 2 dimensions.

For collections where scrolling is only desired in one dimension we need to set overflow-? to hidden, but this isn't possible given the current implementation of ember-native-scrollable.

As a workaround I'm using some hacky css:

.ember-collection--no-scroll-x {
  & > div {
    overflow-x: hidden !important;
  }
}

{{#ember-collection
    class="ember-collection--no-scroll-x"
...