navigator.share on Safari iOS not working with LittleJS #117

wyattcheng · 2024-10-31T04:45:05Z

wyattcheng
Oct 31, 2024

Does anybody have ideas as to why navigator.share doesn't seem to be compatible with LittleJS when running a game on Safari on an iPhone?

Here is some sample code. Here is a bare bones index.html

<!DOCTYPE html><head>
    <title>TwistMyWords.game</title>
    </head><body>
    
    <!-- <script src=LittleJS/dist/littlejs.js></script>
     <script src="game.js"></script> -->
    <button id="shareButton" style="position: absolute; bottom: 10%; left: 50%; transform: translateX(-50%); z-index: 1000; font-size: 4vw; padding: 2vh 4vw;">Share</button>
    
    <script>
        document.getElementById('shareButton').addEventListener('click', async () => {
            try {
                await navigator.share({
                    title: 'Simple Share',
                    text: 'Share testing'
                });
                console.log('Content shared successfully');
            } catch (error) {
                console.error('Error sharing content:', error);
            }
        });
    </script>
    
    </body>
    </html>

If you load this, you get a simple share button that when clicked, brings up the opportunity to send the sample text to a friend via to OS share sheet.

However, if you add a simple blank LittleJS (let's say you use the game.js from LittleJS/examples/empty) then the share button no longer works.

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

navigator.share on Safari iOS not working with LittleJS #117

Uh oh!

{{title}}

Uh oh!

Replies: 0 comments

Select a reply

Uh oh!

navigator.share on Safari iOS not working with LittleJS #117

Uh oh!

wyattcheng Oct 31, 2024

Replies: 0 comments

wyattcheng
Oct 31, 2024