Core | Dialog issue: Carousel inside dialog/modal not swiping on iOS #2572
Description
Environment
[Core]
onsenui latest
[Platform]
Desktop - Linux 64-bit
[Browser]
Desktop - Chrome 63.0.3239.84 on Linux 64-bit
Encountered problem
When placing an ons-carousel inside an ons-dialog, the carousel doesn't respond to touch if the platform is set to iOS
How to reproduce
- HTML
<ons-page>
<ons-toolbar>
<div class="center">Modal</div>
</ons-toolbar>
<p style="text-align: center">
<ons-button onclick="showModal()">Show modal</ons-button>
</p>
</ons-page>
<ons-modal direction="up">
<ons-carousel fullscreen swipeable auto-scroll overscrollable id="carousel">
<ons-carousel-item style="background-color: #085078;">
<div style="text-align: center; font-size: 30px; margin-top: 20px; color: #fff;">
BLUE
</div>
</ons-carousel-item>
<ons-carousel-item style="background-color: #373B44;">
<div style="text-align: center; font-size: 30px; margin-top: 20px; color: #fff;">
DARK
</div>
</ons-carousel-item>
<ons-carousel-item style="background-color: #D38312;">
<div style="text-align: center; font-size: 30px; margin-top: 20px; color: #fff;">
ORANGE
</div>
</ons-carousel-item>
</ons-carousel>
</ons-modal>- JS
function showModal() {
var modal = document.querySelector('ons-modal');
modal.show();
// setTimeout(function() {
// modal.hide();
// }, 2000);
}