Skip to content

Conversation

@cakiki
Copy link

@cakiki cakiki commented Oct 11, 2025

Switches the input type from text to search to add an X to clear the search box from text.

Fixes #3328

Sorry if I'm missing something obvious with this. I don't have much webdev experience.

Switches the input type from text to search to add an X to clear the search box from text.
@netlify
Copy link

netlify bot commented Oct 11, 2025

Deploy Preview for relaxed-lollipop-b6bc17 ready!

Name Link
🔨 Latest commit 4f2f241
🔍 Latest deploy log https://app.netlify.com/projects/relaxed-lollipop-b6bc17/deploys/68eabb3c297cf500080b9667
😎 Deploy Preview https://deploy-preview-3329--relaxed-lollipop-b6bc17.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@cakiki cakiki changed the title [MINOR] Update bib_search.liquid [MINOR] Update bib_search.liquid to use input type search Oct 11, 2025
@george-gca
Copy link
Collaborator

george-gca commented Nov 17, 2025

The only issue is now with the color of the X, which is barely appearing on dark mode. Can you fix that @cakiki?

@cakiki
Copy link
Author

cakiki commented Nov 23, 2025

@george-gca Sorry for the ping, but I wanted to make sure I was looking at the correct way to do this. Is this what I should be using to style the X: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Selectors/::-webkit-search-cancel-button ?

Found it here: https://stackoverflow.com/questions/47041672/change-the-color-of-the-clear-button-x-in-input-type-search

@george-gca
Copy link
Collaborator

@cakiki sorry for the late reply. Not really sure, but it appears that this might be it.

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

Successfully merging this pull request may close these issues.

Can't clear search field in bib search

2 participants