Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flux select variants not rendering correctly #10

Open
EncoreTaylor opened this issue Nov 14, 2024 · 1 comment
Open

Flux select variants not rendering correctly #10

EncoreTaylor opened this issue Nov 14, 2024 · 1 comment

Comments

@EncoreTaylor
Copy link

Not sure whether this would go in this repo or in Statamic Livewire, please let me know!

Two things that I've noticed:

  1. ui-options aren't rendering correctly
  2. The clearable option isn't working/rendering

Here's the code I'm trying to run

<flux:select wire:model.live="category" variant="listbox" placeholder="Choose category..." clearable>
    <flux:option value="conference">Conference</flux:option>
    <flux:option value="webinar">Webinar</flux:option>
    <flux:option value="course">Course</flux:option>
    <flux:option value="workshop">Workshop</flux:option>
</flux:select>

Hooked up inside a blank Laravel app (Works fine)

Screenshot 2024-11-14 at 10 24 59 AM

Screenshot 2024-11-14 at 10 27 55 AM

Hooked up in a Statamic app using Antlers (not rendering ui-options)

Screenshot 2024-11-14 at 10 24 51 AM

Screenshot 2024-11-14 at 10 27 32 AM

@JohnathonKoster
Copy link
Contributor

This is due to the options not picking up on the variant="listbox" on the parent. Due to how this is implemented with this library, I'm not sure of a simple/easy way to solve this (since that relies on Blade component behavior, and this works to shim in some of the behaviors in Antlers - but not all of them are easily re-implementable here).

I'll do some thinking, though, but might be easier to move that to Blade for now 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants