Width: auto on flex containers not taking the full space available #44

Activity

1. afk-mario

   changed the title [-]Width: auto on column direction flex containers not taking the full space available[/-] [+]Width: auto on flex containers not taking the full space available[/+] on Mar 19, 2021
2. afk-mario commented on Mar 19, 2021

   

   afk-mario

   on Mar 19, 2021

   Author

   More actions

   Also the bottom padding seems to be cut of not sure if that's my re flow logic
3. giulioz commented on Mar 20, 2021

   

   giulioz

   on Mar 20, 2021

   Member

   More actions

   That's because you have set align="flex-start", whereas in the yoga example is set as stretch. Setting that and using auto width makes the box fill all the width.

   What do you mean for the bottom padding to be cut?
4. afk-mario commented on Mar 20, 2021

   

   afk-mario

   on Mar 20, 2021

   Author

   More actions

   Ah makes total sense thanks!

   The bottom padding on the flex container

   

   There should be a space between the last element and the border of the view port.
5. MaxTwentythree commented on Jun 11, 2021

   

   MaxTwentythree

   on Jun 11, 2021

   Last edited by MaxTwentythree

   More actions

   I think I have a similar issue

         <Flex
           justifyContent="center"
           alignItems="stretch"
           size={[size[0], size[1], 0]}
           padding={20}
         >
           <Box width="100%" height="100%">
             {(width, height): ReactElement<Mesh> => (
               <mesh>
                 <planeBufferGeometry attach="geometry" args={[width, height]}/>
                 <meshBasicMaterial color={green} />
               </mesh>
             )}
           </Box>
         </Flex>
   

   (the Flex gets the same size as the white block)

   

   Shouldn't the green rectangle be centered (paddings on each side) or am I doing sth wrong?

   Edit:
   After replacing padding={20} with pr={20} pb={20} it works, but this not what I would expect ... so still the question: ist this a bug or am I doing sth wrong?
   
6. v1rtl

   added

   bugSomething isn't workingSomething isn't working

   on Aug 13, 2021