ClearSearch - A search input field plugin for jQuery.
validio / jquery-clearsearch Goto Github PK
View Code? Open in Web Editor NEWClearSearch - A search input field plugin for jQuery.
License: Other
jquery-clearsearch's Introduction
jquery-clearsearch's People
Stargazers
Watchers
Forkers
ericjustusson steswinbank arnotixe felixiotg blackening999 lostinroom jjanssen digibay rickekelschot goodwall hanh2019 mpchelnikov avicomodo j2teamnnl lakinmohapatrajquery-clearsearch's Issues
Suggestion: give the button a z-index value
Right now, the button is disappearing when the clearable input is in focus. If you give the button a higher z-index value, it'll stay visible at all times.
If the input resizes, the clear button doesn't update position
In a responsive form the controls will certainly resize. So it'd be great if the clear button moved with the control.
For a quick fix I added a call to update() but had to run it off the window.resize event.
Using a timeout made it run smooth.
...
triggerBtn();
$(window).resize(()=> {
if (this.resizeTO)
clearTimeout(this.resizeTO);
this.resizeTO = setTimeout(()=> {
update();
}, 500);
});
});
I just appened this to the end of the jq object.
Add bower package
Hello,
Would be great to add a bower.json package ;)
Add trigger for datepicker fields
$this.trigger('changeDate');
Suggestion
The wrapper div put around the input element can break layouts that depend on the input staying as inline. Suggest adding 'inline-block' to the style declaration on the wrapper div. This seems to work for my particular instance.
diff:
[sdavied@linuxweb js]$ svn diff jquery-clearsearch.js
Index: jquery-clearsearch.js
===================================================================
--- jquery-clearsearch.js (revision 359)
+++ jquery-clearsearch.js (working copy)
@@ -43,7 +43,7 @@
divClass = settings.clearClass + '_div';
if (!$this.parent().hasClass(divClass)) {
- $this.wrap('<div style="position: relative;" class="'
+ $this.wrap('<div style="display: inline-block; position: relative;" class="'
+ divClass + '">' + $this.html() + '</div>');
$this.after('<a style="position: absolute; cursor: pointer;" class="'
+ settings.clearClass + '">' + settings.linkText + '</a>');
Edit: posted the correct diff (old one applied to the anchor rather than div - oversight on my part)
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.