Skip to content

Add "for" attribute in label wrapper #1800

Open
@stasou

Description

Trying to create a custom wrapper for checkboxes and radio buttons, I am hitting on a wall when trying to add the for attribute to a label wrapper.

The label contains markup with divs etcetera, which is allowed.

I tried this proposed solution, but being it rather old it does not seem to work:
#869

The idea is to have a markup like this:

<label for="input_name" class="some clases">
    <div>Something</div>
    <div>
         <div>something else</div>
    </div>
</label>

Using the wrapper api, I do this:

a.wrapper tag: :label, class: "some classes" do |b|
    b.use :something, wrapped_with: {tag: :div}

    b.wrapper tag: :div do |c|
        c.use :something_else, wrapped_with: {tag: :div}
    end
end

:something and :something_else are custom components, which work fine.

The markup is created, but there doesn't appear to be a method to add the for="input_name" in the label tag.

Is there any way to override this?
Shouldn't there be the possibility to use labels as wrappers, with their "for" attribute, for complex html markups?

Best regards,
Stavros

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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