Simple project to create a paginated combobox using Htmx and infinite scroll. This project uses Spring as the back end and Thymeleaf as the templating engine.
Enjoy.
- Active search with common Spring MVC pagination, etc. Can easily use any back end you like such as Django or Ruby on Rails.
- Template is pretty simple with Thymeleaf. The actual HTML files are very minimal and should be easy to figure out.
- Uses Tailwind CSS but this is not required. Just change out the classes to whatever you like.
- You can up or down arrow through the list and press enter to select. Or, you can simply click on the item you want.
- Once an item is selected, it performs a very basic lookup based on the ID. This can easily be changed to your back end system of choice.
- I need to implement closing the search items when the input box looses focus. Just haven't had time to work on this yet.
- You can see a slight glitch when you select an item, delete it with the keyboard, then arrow down. The glitch is on the first item for a brief second.
- I'm not a CSS/Tailwind expert. I'm sure this could be made better.