fix(ui): respect width parameter in MCP app size-changed notifications (#6376)

Signed-off-by: Abhijay007 <Abhijay007j@gmail.com>
This commit is contained in:
Abhijay Jain
2026-01-28 23:13:32 +05:30
committed by GitHub
parent be4e6635d3
commit aae24b35a4
@@ -61,6 +61,7 @@ export default function McpAppRenderer({
});
const [error, setError] = useState<string | null>(null);
const [iframeHeight, setIframeHeight] = useState(DEFAULT_IFRAME_HEIGHT);
const [iframeWidth, setIframeWidth] = useState<number | null>(null);
useEffect(() => {
if (!sessionId) {
@@ -200,9 +201,10 @@ export default function McpAppRenderer({
[append, sessionId, extensionName]
);
const handleSizeChanged = useCallback((height: number, _width?: number) => {
const handleSizeChanged = useCallback((height: number, width?: number) => {
const newHeight = Math.max(DEFAULT_IFRAME_HEIGHT, height);
setIframeHeight(newHeight);
setIframeWidth(width ?? null);
}, []);
const { iframeRef, proxyUrl } = useSandboxBridge({
@@ -264,7 +266,8 @@ export default function McpAppRenderer({
ref={iframeRef}
src={proxyUrl}
style={{
width: '100%',
width: iframeWidth ? `${iframeWidth}px` : '100%',
maxWidth: '100%',
height: `${iframeHeight}px`,
border: 'none',
overflow: 'hidden',