Office-js: range.select('...') throws an exception in Office Online when inserting base64 encoded docx in Word

[barisbikmaz]

Expected Behavior

range.select('end') should set the cursor to the end of the content control.

Current Behavior

range = range.insertContentControl();
range.select('end') throws a GENERALEXCEPTION with errorLocation "Range._onAccess" when I use cc.insertOoxml() or cc.insertFileFromBase64() before.

Steps to Reproduce, or Live Example

Gist Repo

Use the Gist Repo and observe the error in the console.

Context

I'm trying to insert content controls after each other. When I insert a content control the cursor stays at the start location. So I have to move it to the end of the content control.

Your Environment

• Platform : Office Online
• Host: Word
• Browser (if using Office Online): Chrome

[JuaneloJuanelo]

Good catch, and I can repro the issue. Probably we need to investigate in more detail and i want to suggest you a couple of alternatives (both do not throw):

1. instead of doing range.select("end"), try contentControl.select("end")
2. i wonder if you can insert the file and then wrap it with the content control. Check out this snippet:

I wonder if the alternatives can work in your case.

[JuaneloJuanelo]

btw you are not inserting OOXML, but a base64 encoded docx, right? should we adjust the title?

[JuaneloJuanelo]

tracking with 2285452

[barisbikmaz]

Thanks Juan, I changed the title.

The alternatives do not really work because range.select('end') is really outside the content control whereas contentControl.select('end') is still inside the content control.

I tried both of your suggestions but the next content control is placed at the end but still inside the content control before.

[JuaneloJuanelo]

oh sorry i did not get your intention originally...
you can also do soemthing like:

context.document.getSelection().insertFileFromBase64(file, "replace").insertContentControl().getRange("after").select();

if you want the range after the boundary of the cc.

[JuaneloJuanelo]

btw the behavior in online is not what we expect with my snippet either, i mean we don't throw but the cc.getRange("after") must get the range outside the cc but its not. So i think we have a bug to fix here.

[JuaneloJuanelo]

@barisbikmaz : i have a combination that will work in Online please try this:

Word.run(async(context) => {
let range1 = context.document.getSelection().insertFileFromBase64(file, "replace");
let range2 = range1.insertFileFromBase64(file, "after");
range1.insertContentControl();
range2.insertContentControl();
await context.sync();
});

basically insert the data first and using different ranges in a cummulative way. then wrap each range individually. That gives you what you need.
please try it and let me know.

[JuaneloJuanelo]

btw just to be super clear, this workaround does not mean we will not fix the associated bug on this issue, we will also offer a fix, but ETA is unknown.

[XiangGaoMSFT]

Just another workaround:

Word.run(function (context) {
    const range = context.document.getSelection();
    range.clear();
    const range1 = range.insertFileFromBase64("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", "before");
    const contentControl = range1.insertContentControl();
    range.select('end');
    return context.sync();
});

[barisbikmaz]

Hi Xiang,
the workaround does work with this example but when I use another more complex document I get an error on Word Online. You can reproduce it with this snippet

[XiangGaoMSFT]

It looks like a different issue and I created internal bug 2302492 to track it.
Will respond you as soon as we get some progress.

[JuaneloJuanelo]

THis is now fixed!!