Kevin Powell - CommunityKP-C
Kevin Powell - Community•15mo ago•
8 replies
ShenZo

How to make a fixed position element responsive

Hey guys, I'm trying to make the width of this searcg bar responsive to its parent but it does not work accordingly 😦 Any tips on how to get this done right?
    <DialogContent>
          <Box position={'relative'} width={'80%'}>
            <Box position={'fixed'} zIndex={10} width={'50%'}>
              <SearchBar name={''} placeholder={'Search'} />
            </Box>
          </Box>

          <Box maxHeight={'300px'} mt={'45px'}>
            {orgList &&
              orgList.map((org) => (
                <OrganisationItem key={org.id} title={org.name} />
              ))}
          </Box>
        </DialogContent>
image.png
Was this page helpful?