Find and Replace highlight words incorrectly after inline widget with text inside

[jswiderski]

📝 Provide detailed reproduction steps (if any)

1. Reported based on ZD ticket 72478
2. When there is an inline widget with text inside, Find and Replace feature highlights found text incorrectly after such a widget.

✔️ Expected result

What is the expected result of the above steps?

❌ Actual result

What is the actual result of the above steps?

❓ Possible solution

After some consulting with @niegowski, it has turned out that rangeToText method in ckeditor5-find-and-replace/src/utils.js had to be changed to:

 export function rangeToText( range ) {
    return Array.from( range.getItems( { shallow: true } ) ).reduce( ( rangeText, node ) => {
        // Trim text to a last occurrence of an inline element and update range start.
        if ( node.is( 'element' ) ) {
            // Editor has only one inline element defined in schema: `<softBreak>` which is treated as new line character in blocks.
            // Special handling might be needed for other inline elements (inline widgets).
            return rangeText + '\n';
        }
        return rangeText + node.data;
    }, '' );
} 

The key difference is a chnage to range.getItems( { shallow: true } ) from range.getItems(). 

📃 Other details

• Browser: Any
• OS: Any
• First affected CKEditor version: 29.0.0
• Installed CKEditor plugins: find-and-replace

---

If you'd like to see this fixed sooner, add a 👍 reaction to this post.