fasthtml
fasthtml copied to clipboard
[BUG] Pico Search component doesn't work as expected
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>
Expected behavior
Expected:
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.