iOS - Blur bug on ion-input (floating)


#1

Hi!

I just wanted to tell you that there is a bug on the ion-input floating on iOS.
The input element has a style property : -webkit-backdrop-filter: blur(10px); which blurs the text when the input isn’t active.

It would be cool to fix that for the next version, I’ll create a directive to fix that for the moment :wink:

EDIT : Here is the directive.

import {Directive, ElementRef} from 'angular2/core';

@Directive({
    selector: '[noStyle]'
})
export class NoStyle {
    static get parameters() {
        return [[ElementRef]];
    }

    constructor(element) {
	this.element = element;
    }

    ngAfterViewInit() {
	this.element.nativeElement.children[0].removeAttribute("style");
    }
}

#2

It’s probably related to the following issue (there’s a workaround in the comments):


#3

Thank you for your fast answer!
I will update ionic soon, for the moment I will use the directive I’ve coded :wink: