question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Placeholder not displayed for IE11

See original GitHub issue

When using the placeholder attribute with the {{power-select-multiple}} it seems to disappears for us and I experienced the same problem at the demo (Select some names…).

See dump from homepage

IE11 power-select-multiple IE11

Chrome power-select-multiple-chrome

Placeholder is supported in IE11 and i really hope this is something that might be supported out of the box here as well?

Issue Analytics

  • State:open
  • Created 6 years ago
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

4reactions
cibernoxcommented, Oct 16, 2017

I just landed from holidays, I’ll look into this asap. If I haven’t answered by Wednesday afternoon please ping me again.

1reaction
arnebitcommented, May 29, 2018

Placeholder is explicitly removed when the browser is IE11 since PR #355 (see snippet in second post).

The reasoning given was

There is some kind of bug in IE that causes the input to gain the focus over and over when it has placeholder.

This solution is less than ideal, but it’s better to not have placeholder than to have a select that you can’t close.

and I can reproduce this: The dropdown only closes on click outside when there is already a selection or a search string is entered (single letter is enough), but cannot be closed when the content is empty.

One could easily add a boolean parameter to display the placeholder in IE11 regardless, but informing our users about how to close the dropdown properly seems less than ideal, too.

(I tried to make a related twiddle but it gets stuck building, possibly related to https://github.com/ember-cli/ember-twiddle/issues/561.)

Read more comments on GitHub >

github_iconTop Results From Across the Web

Placeholder not working with internet explorer - Stack Overflow
Finally found how to resolve this issue, the emulation was set at 9 as default on the debugger's screen even if internet explorer...
Read more >
placeholder-shown CSS pseudo-class in Internet Explorer 11
:placeholder-shown CSS pseudo-class is Partially Supported on Internet Explorer 11. If you use :placeholder-shown CSS pseudo-class and your ...
Read more >
:placeholder-shown CSS pseudo-class | Can I use... Support ...
Input elements can sometimes show placeholder text as a hint to the user on what to type in. See, for example, the placeholder...
Read more >
Placeholder text is not reflecting in Internet Explorer
Hi Shaik,. I think IE renders the styles bit differently compared to the advanced browsers hence the placeholder styles may not be applied ......
Read more >
CSS :placeholder-shown | SamanthaMing.com
Use this pseudo-class to style an input that is currently displaying the placeholder text -- in other words, the user has not typed...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found