Skip to content

Error with repeater input and draggable does not work #11

@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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions