40199266b6
Release Notes: - N/A --- Same case in HTML example: https://developer.mozilla.org/en-US/play?id=p7FhB3JAhiVfLHAXnsbrn7JYYX%2Byq1gje%2B%2BTZarnXvvjmaAx3NlrXqMAoI35s4zeakShKee6lydHYeHr ```html <div style="padding: 50px; text-align: center;"> <div style="overflow: hidden; border-radius: 24px"> <div style="background: #000; border: 3px solid red; color: #fff; padding: 8px 28px;"> Let build applications with GPUI. </div> <div style="background: #333; border: 3px dashed black; color: #fff; padding: 8px 28px;"> Let build applications with GPUI. </div> </div> <div style="margin-top: 20px; border-radius: 24px"> <div style="background: #000; color: #fff; padding: 8px 28px;"> This is not overflow: hidden. </div> </div> </div> ``` <img width="610" height="213" alt="image" src="https://github.com/user-attachments/assets/5f95e263-e52c-414f-8f0c-e6aa04ceb802" /> ### Before <img width="912" height="740" alt="image" src="https://github.com/user-attachments/assets/f09c1936-52fc-4381-9a50-93977e9d64a6" /> ### After ```bash cargo run -p gpui --example content_mask ``` <img width="912" height="740" alt="image" src="https://github.com/user-attachments/assets/4bde58f3-c850-418d-9dc7-d2245852e7d7" /> | - [x] Metal - [x] Blade - [x] DirectX - [x] ContentMask radius must reduce the container border widths. - [x] The dash border render not correct, when not all side have borders.