Ionic 2 datetime component issue on ion 8.3.1

Ionic Framework ionic-v3
1

Hi, I have an issue of ionic datetime component when I test with iphone running ios 8.3.1.
Here is my picture that I capture.
image
Any guys have that problem before?
Any advice will be helpful with me, thank you very much.

2

Hi all, I have found that on iOS 9, the component ion-datetime will be applied with this style:
style="transform: rotateX(0deg) translate3d(0px, 42px, 0px)"
for a < button > tag, but in IOS 8.3 it did not applied, I don’t know why, any suggest for this problem guys :frowning:

3

I also have similar issue in Android 4.4 device.

4

I have seen in app.bundle.js file, there is multi lines of code that calculate degree for the rotateX, you can look at that:

for (var i = 0; i < this.col.options.length; i++) {
            var opt = this.col.options[i];
            var optTop = (i * this.optHeight);
            var optOffset = (optTop + y);
            var rotateX = (optOffset * this.rotateFactor);
            var translateX = 0;
            var translateY = 0;
            var translateZ = 0;
            if (this.rotateFactor !== 0) {
                translateX = 0;
                translateZ = 90;
                if (rotateX > 90 || rotateX < -90) {
                    translateX = -9999;
                    rotateX = 0;
                }
            }
            else {
                translateY = optOffset;
            }
            opt._trans = this._sanitizer.bypassSecurityTrustStyle("rotateX(" + rotateX + "deg) translate3d(" + translateX + "px," + translateY + "px," + translateZ + "px)");
            opt._dur = (duration > 0 ? duration + 'ms' : '');

But it were generated automatically, so I cannot modify it, maybe we will have to wait for the update.

5

@mhartington, can you help us about this issue ?

6

Good catch on this yall!

I’ll open an issue for this and we can move this over to github

7