fasthtml icon indicating copy to clipboard operation
fasthtml copied to clipboard

[BUG] Pico Search component doesn't work as expected

Open StanleyTack opened this issue 4 months ago • 2 comments

Describe the bug Using the Pico Search component does not reproduce UI elements like in teh pico docs https://picocss.com/docs/group#search

Minimal Reproducible Example

from fasthtml.common import *
app, rt = fast_app(
    hdrs=(picolink,),
)
def search_form():
    return Search(
        Input(name="search", type="search", placeholder="search"),
        Input(type="submit", value="search"),cls="container")

result:

<search class="container">       
       <input name="search" type="search" placeholder="search">
       <input type="submit" value="search">
</search>

image

Expected behavior Expected: image

Visually, the textbox has the correct style but the submit button does not. Expected html per picocss docs

<form role="search">
  <input name="search" type="search" placeholder="Search" />
  <input type="submit" value="Search" />
</form>

Environment Information Please provide the following version information:

  • fastlite version: 0.0.11
  • fastcore version: 1.7.10
  • fasthtml version: 0.6.9

Confirmation Please confirm the following:

  • [x] I have read the FAQ (https://docs.fastht.ml/explains/faq.html)
  • [x] I have provided a minimal reproducible example
  • [x] I have included the versions of fastlite, fastcore, and fasthtml
  • [x] I understand that this is a volunteer open source project with no commercial support.

Additional context Add any other context about the problem here.

Screenshots If applicable, add screenshots to help explain your problem.

StanleyTack avatar Sep 30 '24 17:09 StanleyTack