vue-wysiwyg icon indicating copy to clipboard operation
vue-wysiwyg copied to clipboard

In IE 11 the v-model is not updating

Open rclaretfx opened this issue 6 years ago • 3 comments

In IE 11, when entering text into the wysiwyg box, the corresponding v-model is not being updated.

rclaretfx avatar Apr 12 '18 17:04 rclaretfx

I'm having the same issue

arenier avatar Jun 05 '18 10:06 arenier

I'm also having this issue, can this be fixed?

Issue: This package uses <div contenteditable="true"></div> as the input field. IE doesn't respond to input events added to this div.

Solution: Change event name to textinput, it works in IE 11 for event attachment. Just be sure you let the other browsers use input.

davidnoguerol avatar Nov 06 '18 09:11 davidnoguerol

In case anyone comes here looking up this issue, here's a temporary fix that I employed (I know, it's dirty, but you know, IE and deadlines):

if ( self.isIE11() ) {
	jQuery( '.editr .editr--content' ).on( 'textinput', function ( event ) {
		let updatedContent = jQuery( event.target ).html();

		self.myData = updatedContent;
	} );
}

Yes, jQuery, which I'm using anyway, and that's the isIE11 mixin which is in use to capture routing event issues with Vue and IE. it's not the prettiest, but the rest of my code works without modification.

kevteljeur avatar Nov 21 '19 14:11 kevteljeur