Recently, my search box has been experiencing issues after updating to the latest version of jQuery. It appears correctly on the page, but it's unclickable for entering search queries. Previously, everything worked fine with
https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
Below is a snippet of the code I'm using:
My php:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
.....
<form id="search" method="post" action="tagsearch.php">
<input name="tagsearch" type="text" size="40" placeholder="Search tags" />
CSS:
#search {
}
#search input[type="text"] {
background: url(img/search-white.png) no-repeat 10px 6px #fcfcfc;
border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 150px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 200px;
outline:none; box-shadow:none;
}
Do you have any insights into why this issue only arises with the latest jQuery version and not the older one? Updating is necessary for implementing fancybox on my website.