Toggle Wrap on DAG code page is broken

[bartelemi]

Apache Airflow version: apache/airflow:2.1.2-python3.9 and 2.1.0-python3.8

Environment:

• Cloud provider or hardware configuration: Docker for Windows, AWS ECS
• OS (e.g. from /etc/os-release): Windows 10, AWS ECS Fargate
• Install tools: docker compose, ECS
• Others: Web browsers: tested this on Chrome and Brave.

What happened:

The Toggle Wrap button on the DAG code page is not working.

What you expected to happen:

It should toggle between wrapped/unwrapped code blocks.

How to reproduce it:

1. Spin up an airflow environment using the official docker compose file with DAG examples enabled.
2. Open code page for any DAG that uses the [START xyz] [END xyz] blocks in its source code.
3. Click on the Toggle Wrap button in the top right corner of the code.

Additional remarks

This feature seems to be working totally fine on the TI logs, and by looking at the code they are re-using the same function.

[boring-cyborg]

Thanks for opening your first issue here! Be sure to follow the issue template!

[PApostol]

Hello, I noticed this issue is assigned to no one and I'd like to have a go!