Edge - Ne prikazuju se placeholderi na inputima

Programiranje
1

Pozdrav.

Da li je neko imao slican problem, ili bar ima neku ideju zasto se placeholderi ne prikazuju uopste u Edge Browseru koji dolazi uz Windows 10

Screenshot_32.png1439×330 4 KB

2

Kako izgleda kod? …

3

Screenshot_33.png389×741 43.6 KB

Screenshot_34.png389×741 36.6 KB

Evo selektovan jedan input element sa ove iste login forme sto sam okacio.

4

Da nisi možda u emulation mode-u?

5

Jok. (20 znakovaaaaaaaaa)

6

A HTML?
IE9+ bi trebalo normalno radit

7

Kada ubacim iza body neki input radi normalno, ne znam koji mu je.

8

NIšta neobično za IE.
Promjenili su mu dlaku (i ime) a ćud mu je ostala ista.

9

Kako mislis “kad ubacim iza body”? Daj nam HTML kod. Jel ti u drugim browserima radi normalno?

10

Pa ako ubacim neki input neposredno iza taga, placeholder se prikazuje sasvim normalno.

    <div class="signinpanel">

        <div class="row">

            <div class="col-sm-6 col-sm-offset-3">
                <div class="form-logo text-center">
                    {{ HTML::image('img/darklogo-login.png') }}
                </div>
                {{ Form::open(array('route' => 'login.submit', 'method' => 'post')) }}
                    <div class="mb30"></div>

                    {{ Form::text('login-email', null, array('id' => 'login-email', 'class' => 'form-control uname', 'title' => 'email', 'placeholder' => 'Your email')) }}

                    {{ Form::password('login-password', array('id' => 'login-password', 'class' => 'form-control pword', 'title' => 'password', 'placeholder' => 'Your password')) }}
                    <p class="forgotpass small">
                        <a href="{{route('reset.password')}}">Forgot Your Password ?</a>
                    </p>
                    <button class="btn btn-effect-ripple btn-primary btn-block">Sign In</button>

                {{ Form::close() }}
            </div><!-- col-sm-6  -->

        </div><!-- row -->



    </div><!-- signin -->

Da, radi u drugim browserima sasvim normalno.

11

FIXED :smiley:

Inace:

::-webkit-input-placeholder { / WebKit browsers /
    color:    #777 !important;
    opacity: 0.5 !important;
}
::-moz-placeholder { / Mozilla Firefox 19+ /
   color:    #777 !important;
   opacity:  0.5 !important;  
}
:-ms-input-placeholder { / Internet Explorer 10+ /
   color:    #777 !important;
   opacity: 0.5;
}

https://connect.microsoft.com/IE/feedback/details/1627778/microsoft-edge-placeholder-bug

Radi se o bugu unutar samog Edge Browsera.