Question Style - size problem

I have image A and text field B(no label) in a container C.
Let E be container C width - image A width
Container C is in container D.
Container C has some start height.
Container C is filling container D in width(so container D is controlling width).
Image A has const width.
I want text field B:

- Start near image A.
- If text width is less than E width:

-- Have minimal width(text field background with not filling out container C, just enough for text)
-- Have stretched height(same height as container C)​

- If text width is more than E width:

-- Do not extend container C in width, create another line
-- Possibly extend container C in height​

I don't know how to do this. I can only do:

1. Correct height, bad align(starts near right border of container C) and expands container C width when text is more than E width
2. Correct height, correct align, doesn't expand container C width, but stretched in width and also doesn't expand container C height.​

Current styles:

Code (CSharp):

1. styleAccess = containerC.style;
2. styleAccess.flexDirection = FlexDirection.Row;
3. styleAccess.minHeight = 40f;
4. styleAccess.alignItems = Align.Center;

Bad style 1:

Code (CSharp):

1. styleAccess = textFieldB.style;
2. styleAccess.minHeight = 40f;
3.  
4. styleAccess.whiteSpace = WhiteSpace.Normal;
5. styleAccess.alignSelf = Align.Stretch;
6. styleAccess.flexWrap = Wrap.Wrap;

Bad style 2:

Code (CSharp):

1. styleAccess = textFieldB.style;
2. styleAccess.minHeight = 40f;
3.  
4. styleAccess.position = Position.Absolute;
5. styleAccess.left = 20f;
6. styleAccess.right = 0f;
7.  
8. styleAccess.whiteSpace = WhiteSpace.Normal;
9. styleAccess.alignSelf = Align.Stretch;
10. styleAccess.flexWrap = Wrap.Wrap;

Anybody?

 

Yes, set what you can in the style sheet or inline, then use geometry event to fix the rest, but use resolvedStyle rather than style to get the right values.

 

Thanks for suggestions, I needed justify-content and rest I figured out with GeometryChangedEvent.
Last obstacle I stumbled upon: I wanted to move the changes from code to uss file.
But for some reason values are ignored

Code (uss):

1. .ContainerC
2. {
3.     min-height: 40px;
4.     flex-direction: row;
5.     align-items: center;
6.     justify-content: flex-start; <-- this is for sure ignored i.e. :(
7. }
8.  
9. .TextFieldB
10. {
11.     min-height: 40px; <-- this as well
12.     white-space: normal;
13.     align-self: stretch;
14.     flex-wrap: wrap;
15. }