Issue with copying HTML content of a modal on IE11

[cpperey]

Describe the bug

Unable to copy html content of a modal and pasting it into another application (i.e. Word) except for another browser (i.e. Chrome).

Steps to reproduce the bug

1. Go to Modal page in bootstrap-vue.js.org (https://bootstrap-vue.js.org/docs/components/modal)
2. Click on the very first "Launch Modal Demo" button
3. Select the HTML content inside the modal (paragraph)
4. Paste into Word
5. Nothing gets pasted

Expected behavior

It should paste the formatted content.

Versions

Libraries:

• BootstrapVue: 2.0.0.-rc19
• Vue: 2.6

Environment:

• Device: Laptop
• OS: Windows10
• Browser: IE11

[tmorehouse]

@xtenpeben Try upgrading to BootstrapVue 2.0.0-rc.22 and see if the issue persists.

[cpperey]

@tmorehouse The issue still persists in bootstrap-vue.js.org site. I just assumed that's on 22. I'll update my local dev to 22 and see.

[tmorehouse]

I just tested with IE 11, and see that pasting into Word 2010 does not work, while pasting the same thing into Notepad and Notepad++ and Excel 2010 works (as well as a few other applications I have tried). Pasting as text does work in Word 2010 though.

Visually when pasting into Word, the text does not show up, but if clicking the reveal codes button, the text does show:

[cpperey]

Thanks.

Also, not sure if this would help, bootstrap 4 by itself that I have on a separate non-vue project. Copy / paste works just fine for all browsers including IE11.

[tmorehouse]

We do have a text-selection detection routine, which is mainly used to prevent a backdrop-click from happening during text selection. I wonder if that might be interfering with how Word is picking up the full copy information meta-data.

[cpperey]

Thanks!

[tmorehouse]

Will be available in release 2.0.0-rc.23