mlflow/mlflow

[BUG] Artifacts (such as plots) are not scaled to their parent frame in the comparison view

Open

#20,703 创建于 2026年2月10日

在 GitHub 查看
 (13 评论) (0 反应) (0 负责人)Python (17,127 star) (3,904 fork)batch import
area/uiuxbuggood first issuehas-closing-prhelp wanted

描述

MLflow version

3.9.0

System information

  • OS Platform and Distribution (e.g., Linux Ubuntu 16.04):
  • Python version:
  • yarn version, if running the dev UI:

Describe the problem

When comparing a handful of runs, the artifact viewer does not scale the separate artifacts to thei parent frame. Instead it shows a horizontal scroll bar which makes comparing plots/images not very convenient.

An example of how that looks:

Adding the max-width: '100%' to the class .css-imokk2 works around this, as this forces the images to the width of their parent frame, which looks like this:

Steps to reproduce the bug

  1. Select 2-3 different runs with each the same plot/image artifacts
  2. Press "Compare"
  3. Scroll down to "Artifacts" section and select the plot artifacts

Code to generate data required to reproduce the bug

No response

Is the console panel in DevTools showing errors relevant to the bug? Type 'N/A' if not applicable.

N/A

Does the network panel in DevTools contain failed requests relevant to the bug? Type 'N/A' if not applicable.

N/A

贡献者指南

技术栈
javascriptreactcsstypescript
领域
frontend
议题类型
bug
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
2
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
under 1 hour
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
fresh
清晰度议题是否清楚说明期望改动、验收标准和下一步。
clear
前置要求
basic CSSunderstanding of React components
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
80
研究方向
Locate the CSS class `.css imokk2` in the MLflow frontend codebase (likely in a component under `mlflow/web` or similar). The issue suggests adding `max width: '100%'` to that class to force artifact images to fit within their parent frame. Check the artifact viewer component in the comparison view and apply the fix. Verify by running the dev UI and testing with multiple runs containing images.