stream-chat-react icon indicating copy to clipboard operation
stream-chat-react copied to clipboard

ChannelHeader menu button gone on mobile

Open rumfiske opened this issue 2 years ago • 2 comments

Describe the bug The burger menu button is gone on mobile

To Reproduce

i use Next.js and have just used the component <ChannelHeader/>

Screenshots https://i.imgur.com/fXuSkYR.png Image of the button from a desktop resized window. Here you can see it, from a real mobile device its gone. I tested with 2 iphones 12, and 1 Samsung,

Package version

  • stream-chat-react: 8.1.2

rumfiske avatar May 16 '22 19:05 rumfiske

@rumfiske I have tried to run the examples/nextjs, examples/typescript app on my Samsung mobile and was able to see the icon. Browsers used were Safari and Chrome? Could you please attach screenshots from your phones?

MartinCupela avatar May 17 '22 07:05 MartinCupela

@MartinCupela I reproduce this in desktop Safari on MacOS, using this sample: https://codesandbox.io/s/stream-chat-react-tutorial-vq5ntv. It looks like the SVG icon does not size correctly (see screenshot). I fiddled with adding explicit sizing (i.e. width: 200px) and it fixed it, but probably there's a more robust and correct way to fix it.

image

petyosi avatar May 19 '22 06:05 petyosi

fixed with the release of v10.0.0

MartinCupela avatar Sep 13 '22 08:09 MartinCupela