-
-
Notifications
You must be signed in to change notification settings - Fork 66
Open
Labels
bugSomething isn't workingSomething isn't workinghelp wantedExtra attention is neededExtra attention is needed
Description
Describe the bug
WrappingHStack treats the Group view as one view instead of its children.
To Reproduce
Steps to reproduce the behavior:
- Note: In the code below,
.padding(...)is used because of:
// Code to reproduce bug
WrappingHStack {
Group {
Text("\(Image(systemName: "bag")) Limit 1")
.padding(.top, 5)
.border(.red)
Text("\(Image(systemName: "gearshape.2")) Automatically used")
.padding(.top, 5)
.border(.red)
Text("\(Image(systemName: "exclamationmark.circle")) Sold out")
.foregroundColor(Color.red)
.padding(.top, 5)
.border(.red)
}
.font(.system(size: 14, weight: .semibold))
.foregroundColor(.secondary)
.lineLimit(1)
.border(.blue)
}
Spacer()
// Workaround (not bugged)
WrappingHStack(alignment: .trailing) {
Text("\(Image(systemName: "bag")) Limit 1")
.padding(.top, 5)
.border(.red)
Text("\(Image(systemName: "gearshape.2")) Automatically used")
.padding(.top, 5)
.border(.red)
Text("\(Image(systemName: "exclamationmark.circle")) Sold out")
.foregroundColor(Color.red)
.padding(.top, 5)
.border(.red)
}
.font(.system(size: 14, weight: .semibold))
.foregroundColor(.secondary)
.lineLimit(1)
.border(.blue)Expected behavior
WrappingHStack would treat individual Text views as separate elements and provide spacing between them.
Screenshots
Screenshot of code above:
Context:
- WrappingHStack version: 2.2.1
- Model: iPhone SE (2020) (simulator)
- OS: iOS15.2
Additional context
I understand that is a very quirky and specific edge case, but I thought I should report it just in case. I really wish Apple provided a native view for this. Coming from a web background, it seems really odd that iOS doesn't have something as comprehensive as CSS's flexbox.
Thank you for making this project! This package is such a lifesaver.
dkk
Metadata
Metadata
Assignees
Labels
bugSomething isn't workingSomething isn't workinghelp wantedExtra attention is neededExtra attention is needed
