solid-router icon indicating copy to clipboard operation
solid-router copied to clipboard

Solid Elements don't work with Server Actions

Open BleedingDev opened this issue 1 year ago • 2 comments

Describe the bug

Description

I'd like to use power of JSX + Server Actions with making universal Web Components running anywhere, so I decided to try Solid Elements and found that works only partially, so I prepared a small demo with the bug.

Your Example Website or App

https://stackblitz.com/edit/github-becvxn?file=src%2Fcomponents%2FTest.tsx

Steps to Reproduce the Bug or Issue

  1. Open the app and wait to it to load
  2. Wait for Web Components to load, you should see Button and Form twice (first as Web Component, second as Solid component)
  3. Testing Button works correctly (it console.logs both on server and client)
  4. Form works only in Solid. Web Component redirects to http://localhost:3000

Expected behavior

As a user I expected Web Component Form to work correctly with Server Actions, but instead I get redirect to http://localhost:3000.

Screenshots or Videos

https://github.com/solidjs/solid/assets/12586960/003b5a5f-48e0-4e44-8c82-804e0c90f489

Platform

  • OS: Windows
  • Browser: Edge
  • Version: 126.0.2592.24 (Official build) beta (64-bit)

Additional context

I tried both versions of Solid Elements, e.g. 1.8.0 and 2.0.0-beta.1.

BleedingDev avatar Jun 03 '24 10:06 BleedingDev