Does not work when rendered inside an iframe

Descripción

Minimal reproduction

import { useEffect, useRef, useState } from 'react';
import { createPortal } from 'react-dom';
import RcTooltip from 'rc-tooltip';
import 'rc-tooltip/assets/bootstrap.css';

function IframeContent({ container }: { container: HTMLElement }) {
  return createPortal(
    <RcTooltip
      overlay="Hello from tooltip"
      placement="top"
      getTooltipContainer={() => container}
    >
      <button>Hover me</button>
    </RcTooltip>,
    container,
  );
}

export default function App() {
  const iframeRef = useRef<HTMLIFrameElement>(null);
  const [mountEl, setMountEl] = useState<HTMLElement | null>(null);

  useEffect(() => {
    const iframe = iframeRef.current;
    if (!iframe) return;

    const onLoad = () => {
      setMountEl(iframe.contentDocument?.body ?? null);
    };

    iframe.addEventListener('load', onLoad);
    if (iframe.contentDocument?.readyState === 'complete') onLoad();

    return () => iframe.removeEventListener('load', onLoad);
  }, []);

  return (
    <>
      <iframe
        ref={iframeRef}
        srcDoc="<!DOCTYPE html><html><body></body></html>"
        style={{ width: '100%', height: 200, border: '1px solid #ccc' }}
      />
      {mountEl && <IframeContent container={mountEl} />}
    </>
  );
}

Expected behavior

@rc-component/trigger should support trigger and popup elements rendered inside iframe documents.

Popup positioning and visible area calculation should work regardless of whether the DOM elements come from the parent document or an iframe document.

Actual behavior

When rendered inside an iframe, popup alignment/visible area calculation can be incorrect because iframe <body> and <html> elements fail the instanceof HTMLBodyElement / instanceof HTMLHtmlElement checks.

Línea de trabajo

Comienza localizando el código de posicionamiento del trigger y del popup que comprueba HTMLBodyElement y HTMLHtmlElement con instanceof. Reproduce el ejemplo de iframe en TypeScript proporcionado e inspecciona cómo el cálculo del área visible gestiona elementos de otro documento. Se considera terminado cuando la alineación del trigger y del popup funciona correctamente tanto dentro de documentos iframe como en el documento principal.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico

react, typescript

Área

frontend

Tipo de issue

Error

Dificultad

3/5

Tiempo estimado

1-2 días

Estado de actividad

Tranquilo

Claridad

Bastante claro

Aptitud para principiantes

58/100

Descripción

Minimal reproduction

Expected behavior

Actual behavior

Guía de contribución

Primeros pasos

Línea de trabajo

Evaluación

Does not work when rendered inside an iframe

Descripción

Minimal reproduction

Expected behavior

Actual behavior

Guía de contribución

Primeros pasos

Línea de trabajo

Evaluación

Recibe los nuevos issues en tu correo