Skip to content

UI Elements Overlap on iOS 14 and 15 #7

@MussaCharles

Description

@MussaCharles

Hi,

Firstly, thanks for your work on this library - it's been incredibly useful.

I've noticed an issue where UI elements are overlapping when the library is used on iOS 14 and 15. The same problem doesn't appear on iOS 16. Here are some screenshots to illustrate:

See iOS version at the top of each simulator, from left to right (iOS 14.x, iOS 15.x, iOS 16.x)
Screenshot 2023-07-23 at 12 40 12 PM

                WrapLayout(horizontalSpacing: 4, verticalSpacing: 8) {
                    Text("First")
                    
                    HStack(alignment: .center, spacing: 0) {
                        Text("Top content")
                        
                        Text(",")
                    }
                    
                    HStack(alignment: .center, spacing: 0) {
                        Button {
                            
                        } label: {
                            Text("Underlined 1.")
                                .underline()
                        }
                        Text(",")
                    }
                    
                    Text("and")
                    Button {
                        
                    } label: {
                        Text("Underlined 2")
                            .underline()
                    }
                    
                    Text("Post prefix text")
                }

If you could suggest any possible workarounds, that'd be very helpful. Alternatively, if you could point me to the relevant part of the codebase, I'd be more than happy to look into a fix.

Looking forward to your response.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions