AppKit's view bridged to swiftui causes view to stretch outside view/window frame - swift

Question

I'm having layout issues with mixed AppKit(bridged to SwiftUI)/SwiftUI views. I have simple view setup containing 2 rows where row is defined as: text view + text field from app kit bridged to swiftui.
I need my text views left of the text field to be aligned to the right, a.k.a it looks like they have trailing alignment. But since my view hierarchy defines views as rows and not as VStacks, I need customized alignment guide.
It all works fine when I replace bridged view with some SwiftUI's native view i.e Text().
Any ideas what may be causing this and how to fix it? I've tried to play around with setting content compression & hugging priorities on AppKit view or layout priorities for both SwiftUI + AppKit to SwiftUI views, without success.
Setting some specific frame size may have achieve somehow what I want, but since my texts on the left side are localized and may be arbitrarily long (and I basically want them to show them whole without truncating) and whole view may be resized horizontally too, it's not a good solution.
Here's very simplified code, that does illustrate the issue:
import AppKit
import Combine
import SwiftUI
extension HorizontalAlignment {
struct TrailingTextContent: AlignmentID {
static func defaultValue(in d: ViewDimensions) -> CGFloat {
d[HorizontalAlignment.center]
}
}
static let trailingTextContent = HorizontalAlignment(TrailingTextContent.self)
}
struct TextField: NSViewRepresentable {
#Binding private var value: String
init(value: Binding<String>) {
self._value = value
}
func makeNSView(context: Context) -> NSTextField {
let textField = NSTextField(frame: .zero)
return textField
}
func updateNSView(_ nsView: NSTextField, context: Context) {}
}
struct DetailsView: View {
var body: some View {
VStack(alignment: .trailingTextContent, spacing: 8) {
HStack(alignment: .center, spacing: 0) {
Text("Long")
.padding(.trailing, 8)
.alignmentGuide(.trailingTextContent) { d in d[HorizontalAlignment.trailing] }
TextField(value: .constant("asdasdasdasdasdasdada"))
}
HStack(alignment: .center, spacing: 0) {
Text("A bit longer text")
.padding(.trailing, 8)
.alignmentGuide(.trailingTextContent) { d in d[HorizontalAlignment.trailing] }
TextField(value: .constant("asdasdasdasdasdasdada"))
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
DetailsView()
}
}
This is what it looks like:
and this is sort of how I want it to look like (+ text fields should be both same length) - I've applied some padding to whole view