Skip to content

Error with repeater input and draggable does not work #11

Open
@madbarron

Description

@madbarron

I set up a new project by following these steps:

npx formkit@latest create-app
	formkit-repro
	Vite
	JavaScript
	yes

cd formkit-repro
npm install
npm run dev

This works fine. If I switch to the starter theme using: npx formkit theme --theme=starter then I start to have problems.

When I load the app at localhost:5173, I see an error in the console:

Uncaught DOMException: Failed to execute 'querySelector' on 'Document': '#input_3 . formkit-inner' is not a valid selector.

If I add draggable to the repeater, I see the grips but the elements cannot be dragged around.

If I remove the repeater input, the errors disappear.

A minimal reproduction can be found here: https://github.com/madbarron/formkit-bug-repro

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions