react-share icon indicating copy to clipboard operation
react-share copied to clipboard

Email Share Button not working on safari

Open Liron-Toledo opened this issue 3 years ago • 1 comments

Hi there,

I have just one issue. Specifically the email share button. It works on all devices and browsers I could test on save for iOS Safari. When clicking on the button it simply does nothing. However all the other share buttons seem to work fine. I found this while testing on my old iphone SE (not sure if the device has anything to do with it). Do you know if there is a particular reason why this might happen? I find it especially odd considering all the other buttons work normally.

My email share button (along with all my other share buttons) looks as such:

`<EmailShareButton style={{ marginLeft: 23 }} url={`${shareUrl}`} subject={'Tide Link'} body={`${shareUrl}`}>
              <img src={require('./email_icon.svg')} style={{ position: 'absolute', transform: 'translateX(-9px)', width: 55, height: 55 }} />
              <i style={{ height: 15, fontSize: '2rem', margin: '1rem', color: "#3866b8", cursor: "pointer" }} className="fab fa-envelope-o" />

              <div>
                <span
                  style={{
                    position: 'relative',
                    right: 0,
                    textAlign: 'right',
                    fontSize: '10px',
                    fontWeight: 700,
                    fontStretch: 'normal',
                    fontStyle: 'normal',
                    lineHeight: 0.6,
                    letterSpacing: '0.5px',
                    color: '#1B3392'
                  }}
                >Email</span>
              </div>
            </EmailShareButton>

          </div>`

Liron-Toledo avatar Apr 07 '21 14:04 Liron-Toledo

not working in chrome either

heyalexchoi avatar Nov 06 '21 03:11 heyalexchoi