Side menus interfer with other elements

[arcanis]

Two issues in one (nightly):

• An horizontal scroll will broke if there is a side menu (it won't be possible to correctly scroll the content)

  Ex: This codepen doesn't work

• An element with data-prevent-scroll will not cascade the event prevention to its children. It means that in order to work, one has to mark every element with the data-prevent-scroll attribute.

  Ex: This codepen doesn't work, and this one does work.

  A workaround is something like this:

  function controller( $element ) {
      $element.find( '[data-prevent-scroll="true"]' ).find( '*' ).addBack( ).attr( 'data-prevent-scroll', 'true' );
  }

[arcanis]

I just noticed that the first bug is related to issues #1418 and #1725, so I'll try to workaround using one of the suggestions that can be found here. However, I think that it would be best to solve it in the framework — for example, could it be possible for the side menus to only catch the drag event if the closest scroll item is already at his max scroll level?

[mlynch]

Fixed! Give master a try. Thanks.

[arcanis]

@mlynch Thanks! And for the second issue? Should I open another thread?

An element with data-prevent-scroll will not cascade the event prevention to its children. It means that in order to work, one has to mark every element with the data-prevent-scroll attribute.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.