Ticket #2898 (closed bug: fixed)

Opened 4 years ago

Last modified 4 years ago

Pan/Selection issue with POI vector layer in Chrome

Reported by: alexrk Owned by: tschaub
Priority: trivial Milestone: 2.11 Release
Component: general Version: 2.10
Keywords: Cc:
State: Complete

Description

In Chrome: I have a POI vector layer like in the "Dynamic POIs via a Text Layer" example: http://openlayers.org/dev/examples/dynamic-text-layer.html

If you pan the map by coincidentally clicking on a POI and afterwards moving the mouse, the map element will get selected.

Attachments

poi-pan-selection-issue-chrome.JPG Download (29.5 KB) - added by alexrk 4 years ago.
Screenshot
2898.0.patch Download (439 bytes) - added by fredj 4 years ago.

Change History

Changed 4 years ago by alexrk

Screenshot

Changed 4 years ago by alexrk

  • owner set to tschaub
  • component changed from general to Control.SelectFeature

Changed 4 years ago by fredj

  • state set to Awaiting User Feedback

Can you try to add:

div.olLayerDiv {
   -khtml-user-select: none;
}

in you page css and report if it fixes the issue.

Changed 4 years ago by alexrk

Yes, that seems to fixes the problem. Thank you.

Changed 4 years ago by fredj

  • priority changed from major to trivial
  • state Awaiting User Feedback deleted
  • component changed from Control.SelectFeature to general

Changed 4 years ago by fredj

Changed 4 years ago by fredj

  • state set to Review

please review 2898.0.patch

Changed 4 years ago by erilem

I've seen this in frameworks:

    -moz-user-select: none;
    -khtml-user-select: none;                         
    -webkit-user-select: ignore;

I guess the following can also be used

    -moz-user-select: none;                       
    -webkit-user-select: none;

I really don't know what makes sense. Do you fredj?

Changed 4 years ago by fredj

and to add a little more confusion, the css3 options is:

  user-select: none;

 http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select

Changed 4 years ago by erilem

user-select: none; doesn't work in Chrome. fredj, I'd say just pick the one that works both in Chrome and Safari. If both work, just pick one out randomly :-)

Changed 4 years ago by erilem

  • state changed from Review to Commit

Changed 4 years ago by fredj

  • status changed from new to closed
  • state changed from Commit to Complete
  • resolution set to fixed
Note: See TracTickets for help on using tickets.