Comments (4)
I'm afraid you'll have to describe a bit more of what's happening.
from ol-geocoder.
Hi, sorry for that.
Wow, I just realized that this is an openlayers 3 issue and not introduced by the geocoder.
The issue description: when you click to zoom, each click event on the zoom button will make the zoom button show the 'focus' (a blue border around the button). The focus should not persist after the click event IMHO.
This has a bad effect with the geocoder, when you click to open the geocoder the focus is off, and then when you click a second time to close the geocoder the focus is then left on. IIHO this is incorrect.
I will take up this issue with openlayers.
Cheers
from ol-geocoder.
Hmm, weird! Maybe a fiddle would help.
Closing for now.
from ol-geocoder.
Just figured it out, just need to add this to your css to make things right:
button:focus {
outline: 0;
}
.ol-control {
background-color: none;
border-radius: 4px
}
.ol-control:hover {
background-color: none;
}
.ol-control button:focus {
text-decoration: none;
background-color: #6A90B6;
}
Here is the normal behavior (of the zoom button css): http://jsfiddle.net/YoannBureau/f0z15rgj/
Here is the better behavior (again IMHO): http://jsfiddle.net/ydar2w65/
from ol-geocoder.
Related Issues (20)
- Using Search Function Outside Div HOT 2
- TypeScript Typings, Exports
- Warning when using ol-geocoder from the CDN HOT 2
- Search Button - search does not work from smartphone if there is another text field HOT 6
- Remove search layer from legend HOT 3
- "countrycodes" option broken with array HOT 2
- Broken on Openlayers 7.1.0 HOT 23
- Limit search result to city HOT 2
- Allow custom URL for osm provider HOT 10
- URL for OSM provider is wrong HOT 1
- Init error on 4.2.0 HOT 3
- src/nominating.js better import on 4.2.0 HOT 1
- Error on bbox returned by nominatim.js 4.2.0 on Openlayers 7.4.0+ HOT 1
- Announcement: Transfer of Repository Ownership HOT 1
- How to customize original css style for geocoder text-input? HOT 5
- Tile layer is hidden by the marker layer in Openlayers 9.0.0 HOT 1
- SASS : Using / for division outside of calc() is deprecated
- keepOpen flag not working for Submit Button HOT 1
- The marker is an external dependency HOT 1
- mapquest API change HOT 1
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.
from ol-geocoder.