- Notifications
You must be signed in to change notification settings - Fork855
Open
Description
Describe the bug 🐛
Im using of custom Marker. I needed to change position of that to something likebottom, center
, that was fine and my Marker is displaying at the top of my coordination, but in this case some parts of Marker are not draggable and user can drag only when click on half of that.
Expected behavior 💭
whole of the marker has to be draggable
Rec.0244.mp4
const Marker = (props) => ( <Box sx={{ width: '100%', height: '100vh' }}> <MarkerStyle> <img src={marker} alt="" style={{ width: '53px', height: '73px' }} /> </MarkerStyle> </Box>)const MarkerStyle = styled(Box)`position: absolute;top: 100%;left: 50%;height: 73px;width: 53px;transform: translate(-50%, -100%);&:hover { z-index: 1;}`
Metadata
Metadata
Assignees
Labels
No labels