epam / miew

25%

main: 25%

push

github

Fix DOM manipulation conflicts and React reconciliation issues

- Separate Miew container from React DOM management to prevent removeChild errors
- Create dedicated container for Miew that React never renders children inside
- Move loading and error overlays to absolute positioning over Miew container
- Add improved error handling with DOM connection checks during cleanup
- Implement error boundary component to catch and handle DOM manipulation errors
- Update CSS structure to support overlay positioning instead of direct children
- Add comprehensive tests for new container structure
- Update TypeScript definitions to include useErrorBoundary prop
- Update documentation with error boundary information

This fixes the 'Failed to execute removeChild on Node: The node to be removed
is not a child of this node' error that occurred when Miew manipulated the DOM
inside React-managed containers.

1466 of 5744 branches covered (25.52%)

Branch coverage included in aggregate %.

15 of 27 new or added lines in 2 files covered. (55.56%)

4007 of 15890 relevant lines covered (25.22%)

47359.05 hits per line