Assigns is not assigning attribute in custom core component

It’s saying :meow isn’t found inside a map only has the keys :__changed__ and :__given__ at its root, so that makes sense. It looks like there is some odd recursion going on in the map assignment as you those two meta keys are getting nested a couple of times. Is there any intermediary code you haven’t shared that might help diagnose? One thing that does stand out is that your attr calls are now tied to checkbox and input does have any, though perhaps you just left those out for the example. It may be as simple as changing def checkgroup to def input. This is more inline with the generated API anyway where everything is an input with a type.

No intermediary code. All the things done here are done by the Phoenix framework.

I am confused. I have created a component, checkgroup. Yes, I do use the input function, but I pass it the type (type: checkgroup) as well, so I don’t understand how this can be an issue.

If the input function does magic behind the scenes (which maybe it does) then that would explain the behaviour, but other than that I am quite lost.

I very much like the API of .checkgroup, for a checkgroup is not an input, but a collection of connected inputs. I based this code on this tutorial:

I did find another input function from core_components that is run before my final function:

  def input(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
    assigns
    |> assign(field: nil, id: assigns.id || field.id)
    |> assign(:errors, Enum.map(field.errors, &translate_error(&1)))
    |> assign_new(:name, fn -> if assigns.multiple, do: field.name <> "[]", else: field.name end)
    |> assign_new(:value, fn -> field.value end)
    |> input()
  end

I guess I could change this one, but I am not sure if there is a better way.

After a lot of digging around, i realized that all of the input functions deal with assigns. This meant that some things are being done that I dont fully understand, not control.

I decided to move away from using/modifying the input functions and created my own component from scratch:

@doc """
  Generate a checkbox group for multi-select.

  ## Examples

    <.checkgroup
      field={@form[:genres]}
      label="Genres"
      options={[{"Fantasy", "fantasy"}, {"Science Fiction", "sci-fi"}]}
      selected={[{"Fantasy", "fantasy"}]}
    />

  """
  attr :name, :any

  attr :field, Phoenix.HTML.FormField,
    doc: "a form field struct retrieved from the form, for example: @form[:genres]"

  attr :required, :boolean, default: false

  attr :options, :list,
    default: [],
    doc: "the options to pass to Phoenix.HTML.Form.options_for_select/2"

  attr :disabled, :list, default: [], doc: "the list of options that are disabled"

  attr :selected, :list,
    default: [],
    doc: "the currently selected options, to know which boxes are checked"

  def checkgroup(%{field: %Phoenix.HTML.FormField{} = field} = assigns) do
    assigns =
      assigns
      |> assign(:name, "#{field.name}[]")

    ~H"""
    <div class="mt-2">
      <%= for opt <- @options do %>
        <div class="relative flex gap-x-3">
          <div class="flex h-6 items-center">
            <input
              id={opt.id}
              name={@name}
              type="checkbox"
              value={opt.id}
              class={
                if opt in @disabled do
                  "h-4 w-4 rounded border-gray-300 text-gray-300 focus:ring-indigo-600"
                else
                  "h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600"
                end
              }
              checked={opt in @selected}
              disabled={opt in @disabled}
            />
          </div>
          <div class="text-sm leading-6">
            <label
              for={opt.id}
              class={
                if opt in @disabled do
                  "text-base font-semibold text-gray-300"
                else
                  "text-base font-semibold text-gray-900"
                end
              }
            >
              <%= opt.name %>
            </label>
          </div>
        </div>
      <% end %>
    </div>
    """
  end

which works as expected and all the assigns not have the expected values.

Crap, sorry, I was working on a response to this a few days ago and got distracted Sorry about that! Glad you solved it!