Code section in DAG hides last 6 rows of Code in Firefox

[Arkronus]

Apache Airflow version

2.11.2

What happened and how to reproduce it?

I am using Airflow 2.11.2. For DAGs with more than 50 lines, the Code tab hides the last 6 lines. They become visible only when I resize the browser window or reduce the zoom level to 50%.

The issue occurs only in Firefox; in Chrome, the Code tab displays correctly.

What you think should happen instead?

I should see all rows.

Operating System

No response

Versions of Apache Airflow Providers

No response

Deployment

Docker-Compose

Deployment details

No response

Anything else?

No response

Are you willing to submit PR?

• Yes I am willing to submit a PR!

Code of Conduct

• I agree to follow this project's Code of Conduct

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template! If you are willing to raise PR to address this issue please do so, no need to wait for approval.

[yamakazushi]

Hi team,
Could you please assign me this issue?

[karenbraganz]

Hi @yamakazushi if you wish to work on this, please go ahead and submit a PR.

We currently have a "no assignment" policy for issues. Please see our contribution docs for more information.

This is not to discourage people from contributing. We only want to ensure we do not have a backlog of "assigned" issues that are not actually being addressed.

[laurenhall1526-netizen]

Thanks for reporting this — I was able to reproduce the issue on Firefox as well. It does look like a UI/layout problem in the Code tab, possibly related to how the container height or overflow is handled.

…

On Fri, Mar 27, 2026, 10:55 AM Karen Braganza ***@***.***> wrote: *karenbraganz* left a comment (apache/airflow#64286) <#64286 (comment)> Hi @yamakazushi <https://github.com/yamakazushi> if you wish to work on this, please go ahead and submit a PR. We currently have a "no assignment" policy for issues. Please see our contribution docs <https://github.com/apache/airflow/blob/main/contributing-docs/04_how_to_contribute.rst#contribute-code-changes> for more information. This is not to discourage people from contributing. We only want to ensure we do not have a backlog of "assigned" issues that are not actually being addressed. — Reply to this email directly, view it on GitHub <#64286?email_source=notifications&email_token=B7IHA47ZPXUMASD7XGMQOKL4S2P5JA5CNFSNUABFM5UWIORPF5TWS5BNNB2WEL2JONZXKZKDN5WW2ZLOOQXTIMJUGM2TQMJVGU3KM4TFMFZW63VKON2WE43DOJUWEZLEUVSXMZLOOSWGM33PORSXEX3DNRUWG2Y#issuecomment-4143581556>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/B7IHA4ZKKT6ZT7QSBDEVJOD4S2P5JAVCNFSM6AAAAACXBXFXBSVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHM2DCNBTGU4DCNJVGY> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[Subham-KRLX]

The layout gap was caused by Firefox evaluating height: 100% on the Monaco Editor differently when next to non-flex elements like the file path header. Converting the React wrapper container to pure Flexbox cleanly solves this and prevents the last 6 lines from being pushed off-screen.