ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.93k stars 13.52k forks source link

bug: I can't interact with the timeline of the video #23358

Closed LucaTrip closed 3 years ago

LucaTrip commented 3 years ago

Bug Report

Ionic version: I know you shouldn't open an issue for version 3 here, but in the dedicated section (https://github.com/ionic-team/ionic-v3/) I opened one but got no response and would like feedback.

However, this is the slide's behaviour when I try to move the pin of the video progress line, but the touch is catch by slide https://user-images.githubusercontent.com/18696244/119460352-dee36a80-bd3e-11eb-921f-3ede61d92b59.mp4

[x] 3.9.2

Current behavior: Hello, the slider works correctly, but if I want to add a video inside the slide, I cannot interact with the timeline of the video, and if I try to move the pin of the progress bar, the touch is taken by the slide and the slide starts to move (as if I wanted to change slides). This strange behaviour only happens on iOS (simulator and real device - iPad) and i can't figure out why.

Expected behavior: I would expect that I could place the video time slider where I want within the timeline.

Steps to reproduce: Put a video inside a slide

Related code:

<ion-grid>
    <ion-row>
        <ion-slides>
            <ion-slide video-slide *ngFor="let item of videos">
                    <video preload="metadata" controls muted playsinline>
                        <source src="{{item.localPath}}" type="video/mp4">
                    </video>
                </ion-slide>
        </ion-slides>
     </ion-row>
</ion-grid>

Ionic info:

Ionic:

   Ionic CLI          : 6.11.9 (/Users/xxx/.nvm/versions/node/v14.16.1/lib/node_modules/@ionic/cli)
   Ionic Framework    : ionic-angular 3.9.2
   @ionic/app-scripts : 3.2.4

Cordova:

   Cordova CLI       : 8.1.2 (cordova-lib@8.1.1)
   Cordova Platforms : not available
   Cordova Plugins   : not available

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   ios-sim : 8.0.2
   NodeJS  : v14.16.1 (/Users/xxx/.nvm/versions/node/v14.16.1/bin/node)
   npm     : 7.13.0
   OS      : macOS Big Sur
   Xcode   : Xcode 12.5 Build version 12E262
liamdebeasi commented 3 years ago

Hey there,

I recommend opening a thread on our forums: https://forum.ionicframework.com/ for this. We are not actively developing Framework 3.x, and this repo is only for Framework v5+.

ionitron-bot[bot] commented 3 years ago

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.