Skip to content

Fix case when dashed/dotted borders do not work with overflow: hidden#48414

Closed
joevilches wants to merge 1 commit into
facebook:mainfrom
joevilches:export-D67720492
Closed

Fix case when dashed/dotted borders do not work with overflow: hidden#48414
joevilches wants to merge 1 commit into
facebook:mainfrom
joevilches:export-D67720492

Conversation

@joevilches
Copy link
Copy Markdown
Contributor

Summary:
Was looking into #48078 which was brought to my attention due to my recent refactorings of iOS Views, especially around how overflow: hidden works. This bug was not brought on by my changes but seems to be a lingering Fabric bug (iirc this bool was not changed when I refactored things)

Anyway, dotted/dashed borders did not work with overflow: hidden. The reason why is we use core animation borders in this case which is incorrect as CA cannot do these types of borders. So I added a check to make sure that the borders are solid as well if we want to use CA to draw them.

Differential Revision: D67720492

@facebook-github-bot facebook-github-bot added CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. p: Facebook Partner: Facebook Partner labels Dec 30, 2024
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D67720492

@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D67720492

…facebook#48414)

Summary:

Was looking into facebook#48078 which was brought to my attention due to my recent refactorings of iOS Views, especially around how overflow: hidden works. This bug was not brought on by my changes but seems to be a lingering Fabric bug (iirc this bool was not changed when I refactored things)

Anyway, dotted/dashed borders did not work with overflow: hidden. The reason why is we use core animation borders in this case which is incorrect as CA cannot do these types of borders. So I added a check to make sure that the borders are solid as well if we want to use CA to draw them.

Changelog: [iOS] [Fixed] - Dashed & dotted borders now work with overflow: hidden

Reviewed By: mdvacca

Differential Revision: D67720492
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request was exported from Phabricator. Differential Revision: D67720492

@facebook-github-bot facebook-github-bot added the Merged This PR has been merged. label Jan 2, 2025
@facebook-github-bot
Copy link
Copy Markdown
Contributor

This pull request has been merged in 1b88c5b.

@react-native-bot
Copy link
Copy Markdown
Collaborator

This pull request was successfully merged by @joevilches in 1b88c5b

When will my fix make it into a release? | How to file a pick request?

@mduchev
Copy link
Copy Markdown

mduchev commented Jan 30, 2025

@joevilches Is this fix going to work if we are using the old architecture? In RN 0.76.6 the dashed border is working if we don't have a border radius. As soon as we add some value, the dashed border becomes solid.
I can confirm that the fix is working for the new architecture.

@joevilches
Copy link
Copy Markdown
Contributor Author

@mduchev this fix will only work for the new arch. The old arch fix might be a small patch too but I only looked at the new arch code for this one

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

CLA Signed This label is managed by the Facebook bot. Authors need to sign the CLA before a PR can be reviewed. fb-exported Merged This PR has been merged. p: Facebook Partner: Facebook Partner

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants