0

Note: I'm aware of this question: How to disable elements selection and resizing in contenteditable div? . This question is slightly different.

I'm current using Kendo UI Editor. When I'm using IE 11. There's an resizable border of the content like this:

Here's the sample image

How to hide the border? I tried putting border: none; on my css. I even search about this issue but it keeps redirecting me into other Editor.

Here's the sample code: (try to use IE 11 to see the issue) https://dojo.telerik.com/AJOXeGAb

this is my IE version

Shiba Tatsuya
  • 29
  • 11
  • I've used the demo from the official website:https://demos.telerik.com/kendo-ui/editor/index I runned it on IE but could not reproduce your problem. Could you share your related code so that it will be better to help with you?(You could share a fiddle or in https://dojo.telerik.com/) – Jenifer Jiang Jan 10 '19 at 07:26
  • https://dojo.telerik.com/AJuRUVoW @JeniferJiang here is the sample code try to run it on IE. – Shiba Tatsuya Jan 10 '19 at 09:01
  • Is this issue still occurring? I'm unable to reproduce it in IE11 using your link. – rawnewdlz Jan 17 '19 at 15:30
  • @rawnewdlz yes it is, this is the updated link for the demo - https://dojo.telerik.com/AJOXeGAb – Shiba Tatsuya Jan 18 '19 at 04:18
  • does it work when you apply !important to it just to test it? If it is working, than you have to increase your specificity. More infos here: https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity – maysi Jan 18 '19 at 04:39
  • This has to do with IE and "hasLayout". There appears to be no real solution from what I've found in researching this interesting issue. – rawnewdlz Jan 18 '19 at 18:20

1 Answers1

0

Maybe this works:

border: 0px;
Klaas Weerstand
  • 77
  • 11