63551 2011-06-28 12:03:33 -0700 SVGElement 'blur' event is not working 2014-05-12 06:38:57 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) Unspecified Unspecified RESOLVED FIXED P2 Normal --- 1 krit webkit-unassigned rwlbuis zimmermann oldest_to_newest 429056 0 98954 krit 2011-06-28 12:03:33 -0700 Created attachment 98954 Example for 'blur' event If a SVGElement looses its focus it should fire event 'blur' but doesn't right now. This is related to bug https://bugs.webkit.org/show_bug.cgi?id=41401 429059 1 krit 2011-06-28 12:09:12 -0700 *** Bug 41401 has been marked as a duplicate of this bug. *** 432058 2 rwlbuis 2011-07-04 15:19:33 -0700 Actually I don't think this works in SVG, blur (and onfocus) are not part of the list: http://www.w3.org/TR/SVG11/interact.html#SVGEvents See also: https://groups.google.com/group/lib-gwt-svg/browse_thread/thread/b4c05d297ff15fa Cheers, Rob. 432103 3 krit 2011-07-04 22:15:17 -0700 I think it could be very useful for accessibility. 459262 4 105707 zourtney 2011-08-30 15:22:45 -0700 Created attachment 105707 Displays focus, blur, focusin, focusout, activate, DOMFocusIn, DOMFocusOut, and DOMActivate events on SVG and HTML elements. I have been running some SVG focus-related tests (spurred by trying to capture iOS VoiceOver's focus-ring changes in JavaScript, see [1]). It seems[2] SVG *should* only be firing `DOMFocusIn`, `DOMFocusOut`, and `DOMActivate`. However, with elements taking on "group" roles via `tabindex` and/or `role="button"`, I've found: * Chrome (14b) fires all events on SVG, even `focus` and `blur`, which it technically should not. * Desktop Safari (5.1) only fires `DOMActivate` for SVG. * iOS Safari (w/VoiceOver on) fires nothing for SVG Live example at: http://viewplus.com/downloads/htmltests/accessibility/focus-events.xhtml -------------------------------------------------------- | Chrome 14b | Safari 5.1 | Mobile Safari* | -------------------------------------------------------- focus | H, S | H | H | blur | H, S | H | H | focusin | H, S | H | H | focusout | H, S | H | H | activate | | | | DOMFocusIn | H, S | H | H | DOMFocusOut | H, S | H | H | DOMActivate | H, S | H, S | H | -------------------------------------------------------- Key: H => fires on HTML elements S => fires on SVG elements * => only w/VoiceOver (iOS) activated -------------------------------------------------------- I found an old bug[3] which sounds related, but has long since been marked RESOLVED/FIXED. Also, I would like to confirm Dirk's assertion that this is an important accessibility feature. I'm going to keep an eye on this bug [1]: http://old.nabble.com/Considering-a-Touchhover-td31127221.html#a31129788 [2]: http://www.w3.org/TR/SVGTiny12/interact.html#focus [3]: https://bugs.webkit.org/show_bug.cgi?id=12573 548823 5 krit 2012-02-03 10:23:25 -0800 (In reply to comment #4) > Created an attachment (id=105707) [details] Your test works in Safari trunk as well. But you embedded the SVG in the HTML document. We might check if it works for plain SVG files as well. 1008570 6 krit 2014-05-12 06:38:57 -0700 It is finally fixed in trunk for SVG only as well. 98954 2011-06-28 12:03:33 -0700 2011-06-28 12:03:33 -0700 Example for 'blur' event blurEvent.svg image/svg+xml 442 krit PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8dGV4dCB4PSIxMCIgeT0i MjAiPkNsaWNrIG9uIHRoZSByZWN0IGFuZCBvbiB0aGUgd2hpdGUgYXJlYSBhcm91bmQgaXQgYWZ0 ZXJ3YXJkcy4gVGhlIHJlY3Qgc2hvdWxkIHR1cm4gZ3JlZW4uPC90ZXh0Pgo8cmVjdCBpZD0icmVj dCIgeT0iMzAiIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgZmlsbD0icmVkIiBvbmJsdXI9 ImFsZXJ0KCdoaScpIi8+CjxzY3JpcHQgdHlwZT0idGV4dC9lY21hc2NyaXB0Ij4KPCFbQ0RBVEFb CnZhciByZWN0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInJlY3QiKTsKcmVjdC5hZGRFdmVu dExpc3RlbmVyKCJibHVyIiwgZnVuY3Rpb24gKCkgeyByZWN0LnNldEF0dHJpYnV0ZSgiZmlsbCIs ICJncmVlbiIpOyB9LCBmYWxzZSk7Cl1dPgo8L3NjcmlwdD4KPC9zdmc+Cg== 105707 2011-08-30 15:22:45 -0700 2011-08-30 15:22:45 -0700 Displays focus, blur, focusin, focusout, activate, DOMFocusIn, DOMFocusOut, and DOMActivate events on SVG and HTML elements. focus-events.xhtml application/xhtml+xml 3778 zourtney PCFET0NUWVBFIGh0bWw+DQo8aHRtbCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRt bCI+DQo8aGVhZD4NCiAgPHRpdGxlPlZvaWNlT3ZlciBUYXAgVGVzdDwvdGl0bGU+DQogIA0KICA8 bWV0YSBuYW1lPSJ2aWV3cG9ydCIgY29udGVudD0id2lkdGg9ZGV2aWNlLXdpZHRoLCBpbml0aWFs LXNjYWxlPTEsIG1pbmltdW0tc2NhbGU9MSwgdXNlci1zY2FsYWJsZT1ubyIgLz4NCiAgDQogIDxz dHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQogIAkjb3V0LCBwLCAucGFuZSB7DQogIAkJbWFyZ2luOiAx ZW0gMC41ZW07DQogIAl9DQogIAkNCiAgCS5zZWN0aW9uIHsNCiAgCQlib3JkZXI6IDFweCBzb2xp ZCBibGFjazsNCiAgCX0NCiAgCQ0KICAJLnBhbmUgew0KICAJCXdpZHRoOiAyNTBweDsNCiAgCQlo ZWlnaHQ6IDI1MHB4Ow0KICAJCWZsb2F0OiBsZWZ0Ow0KICAJfQ0KICAJDQogIAkjcGFuZS1jbGVh ciB7DQogIAkJY2xlYXI6IGJvdGg7DQogIAl9DQogIAkNCiAgCSNvdXQgew0KICAJCW1hcmdpbjog MCAyZW0gMCAyZW07DQogIAl9DQogIAkNCiAgCSNvdXQgZGl2IHsNCiAgCQlwYWRkaW5nOiAwLjI1 ZW07DQogIAl9DQogIAkNCiAgCSNvdXQgLnRpdGxlIHsNCiAgCQliYWNrZ3JvdW5kOiAjNDRmOw0K ICAJCWNvbG9yOiB3aGl0ZTsNCiAgCX0NCiAgCQ0KICAJI291dCAuaXRlbTpudGgtY2hpbGQoZXZl bikgew0KICAJCWJhY2tncm91bmQ6ICNmZmY7DQogIAl9DQogIAkNCiAgCSNvdXQgLml0ZW06bnRo LWNoaWxkKG9kZCkgew0KICAJCWJhY2tncm91bmQ6ICNlZWU7DQogIAl9DQogIAkNCiAgCSNvdXQg Lml0ZW0gLnRpbWVzdGFtcCB7DQogIAkJY29sb3I6ICM3Nzc7DQogIAkJZm9udC1zdHlsZTogaXRh bGljOw0KICAJfQ0KICA8L3N0eWxlPg0KPC9oZWFkPg0KPGJvZHk+DQoJPGRpdiBpZD0icGFuZS1j b250YWluZXIiPg0KCQk8ZGl2IGNsYXNzPSJwYW5lIHNlY3Rpb24iPg0KCQkJPCEtLSBObyBncm91 cGluZyByb2xlIGFwcGxpZWQuIE5vdCBmb2N1c2FibGUgYXQgYWxsIGluIGlPUy4gLS0+DQoJCQk8 cCBpZD0icDEiPjxjb2RlPnA8L2NvZGU+IHdpdGggbm8gPGNvZGU+dGFiaW5kZXg8L2NvZGU+IG9y IDxjb2RlPmJ1dHRvbjwvY29kZT4gcm9sZS48L3A+DQoJCQkNCgkJCTwhLS0gVGFiLXN0b3BzIGFu ZCBidXR0b24gcm9sZSBtYWtlIHRoZXNlIHNlbGVjdGFibGUgaW4gaU9TIFNhZmFyaSAtLT4NCgkJ CTxwIGlkPSJwMiIgdGFiaW5kZXg9Ii0xIiByb2xlPSJidXR0b24iPkEgZm9jdXNhYmxlIDxjb2Rl PnA8L2NvZGU+IHVzaW5nIDxjb2RlPnRhYmluZGV4PSItMSI8L2NvZGU+IGFuZCA8Y29kZT5yb2xl PSJidXR0b24iPC9jb2RlPi48L3A+DQoJCQkNCgkJCTxwIGlkPSJwMyIgdGFiaW5kZXg9Ii0xIiBy b2xlPSJidXR0b24iPkEgc2Vjb25kIGZvY3VzYWJsZSA8Y29kZT5wPC9jb2RlPiB1c2luZyA8Y29k ZT50YWJpbmRleD0iLTEiPC9jb2RlPiBhbmQgPGNvZGU+cm9sZT0iYnV0dG9uIjwvY29kZT4uPC9w Pg0KCQk8L2Rpdj4NCgkJDQoJCTxkaXYgY2xhc3M9InBhbmUgc2VjdGlvbiI+DQoJCQk8c3ZnIHht bG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4wIiB3aWR0aD0iMjUw cHgiIGhlaWdodD0iMjUwcHgiPg0KCQkJCTwhLS0gUGxhaW4gU1ZHIHJlY3QgZWxlbWVudCAtLT4N CgkJCQk8cmVjdCBpZD0icjEiIHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBm aWxsPSJncmVlbiIgLz4NCgkJCQkNCgkJCQk8IS0tIHJlY3Qgd2l0aCBgcm9sZT0iYnV0dG9uImAs IHNob3VsZCBiZSBzZWxlY3RhYmxlIHdpdGggVm9pY2VPdmVyIC0tPg0KCQkJCTxyZWN0IGlkPSJy MiIgeD0iMTIwIiB5PSIyMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9ImJsdWUiIHJv bGU9ImJ1dHRvbiIgLz4NCgkJCQkNCgkJCQk8IS0tIHJlY3Qgd2l0aCBgcm9sZT0iYnV0dG9uImAg YW5kIFNWR1RpbnkgMS4yJ3MgYGZvY3VzYWJsZWAgYXR0cmlidXRlLg0KCQkJCSAgICAgSXQgYXBw ZWFycyB0aGF0IG5vIGJyb3dzZXJzIGltcGxlbWVudCB0aGlzIHJpZ2h0IG5vdy4NCgkJCSAgLS0+ DQoJCQkgIDxyZWN0IGlkPSJyMyIgeD0iNDAiIHk9IjE0MCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIx MDAiIGZpbGw9InllbGxvdyINCgkJCQkJcm9sZT0iYnV0dG9uIiBmb2N1c2FibGU9InRydWUiIC8+ DQoJCQk8L3N2Zz4NCgkJPC9kaXY+DQoJCQ0KCQk8ZGl2IGlkPSJwYW5lLWNsZWFyIj48L2Rpdj4N Cgk8L2Rpdj4NCgkNCgkNCgk8ZGl2IGlkPSJvdXQiIGNsYXNzPSJzZWN0aW9uIj4NCgkJPGRpdiBj bGFzcz0idGl0bGUiPkZvY3VzIEV2ZW50IExvZzwvZGl2Pg0KCTwvZGl2Pg0KCQ0KCQ0KCTxzY3Jp cHQgdHlwZT0idGV4dC9qYXZhc2NyaXB0Ij4NCgkvLzwhW0NEQVRBWw0KCQkvKioNCgkJICogT3V0 cHV0IG1lc3NhZ2Ugb24gdGhlIHNjcmVlbiB3aXRoIGEgdGltZXN0YW1wDQoJCSAqLw0KCQl2YXIg b3V0ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ291dCcpOw0KCQlmdW5jdGlvbiBsb2coZWws IHR4dCkgew0KCQkJdmFyIG5vdyA9IG5ldyBEYXRlKCk7DQoJCQl2YXIgZCA9IGRvY3VtZW50LmNy ZWF0ZUVsZW1lbnQoJ2RpdicpOw0KCQkJZC5jbGFzc05hbWUgPSAnaXRlbSc7DQoJCQlkLmlubmVy SFRNTCA9ICc8c3BhbiBjbGFzcz0idGltZXN0YW1wIj4nICsgbm93LmdldEhvdXJzKCkgKyAnOicg KyBub3cuZ2V0TWludXRlcygpICsgJzonICsgbm93LmdldFNlY29uZHMoKSArICcuJyArIG5vdy5n ZXRNaWxsaXNlY29uZHMoKSArICc6PC9zcGFuPiAnICsgdHh0Ow0KCQkJb3V0LmFwcGVuZENoaWxk KGQpOw0KCQl9DQoJCQ0KCQkvKioNCgkJICogQWRkcyBhIHNpbmdsZSBsaXN0ZW5lciB0byB0aGUg Z2l2ZW4gZWxlbWVudC4gVGhlIGNhbGxiYWNrIGZ1bmN0aW9uDQoJCSAqIGxvZ3MgdGhlIGFjdGlv biB0byB0aGUgSmF2YVNjcmlwdCBjb25zb2xlLg0KCQkgKi8NCgkJZnVuY3Rpb24gYWRkTGlzdGVu ZXIoZWwsIGV2dE5hbWUpIHsNCgkJCWVsLmFkZEV2ZW50TGlzdGVuZXIoZXZ0TmFtZSwgZnVuY3Rp b24oZSkgew0KCQkJCWxvZyhlbCwgZWwuaWQgKyAnLicgKyBldnROYW1lKTsNCgkJCX0sIGZhbHNl KTsNCgkJfQ0KCQkNCgkJLyoqDQoJCSAqIEFkZCBtdWx0aXBsZSBmb2N1cy1yZWxhdGVkIGxpc3Rl bmVycyB0byB0aGUgZ2l2ZW4gZWxlbWVudA0KCQkgKi8NCgkJZnVuY3Rpb24gYWRkTGlzdGVuZXJz KGVsTmFtZSkgew0KCQkJdmFyIGVsID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoZWxOYW1lKTsN CgkJCQ0KCQkJYWRkTGlzdGVuZXIoZWwsICdmb2N1cycpOw0KCQkJYWRkTGlzdGVuZXIoZWwsICdi bHVyJyk7DQoJCQkNCgkJCWFkZExpc3RlbmVyKGVsLCAnZm9jdXNpbicpOw0KCQkJYWRkTGlzdGVu ZXIoZWwsICdmb2N1c291dCcpOw0KCQkJYWRkTGlzdGVuZXIoZWwsICdhY3RpdmF0ZScpOw0KCQkJ DQoJCQlhZGRMaXN0ZW5lcihlbCwgJ0RPTUZvY3VzSW4nKTsNCgkJCWFkZExpc3RlbmVyKGVsLCAn RE9NRm9jdXNPdXQnKTsNCgkJCWFkZExpc3RlbmVyKGVsLCAnRE9NQWN0aXZhdGUnKTsNCiAgCX0N CiAgCQ0KICAJLy8gQWRkIGRpdiBsaXN0ZW5lcnMNCiAgCWFkZExpc3RlbmVycygncDEnKTsNCiAg CWFkZExpc3RlbmVycygncDInKTsNCiAgCWFkZExpc3RlbmVycygncDMnKTsNCiAgCQ0KICAJLy8g QWRkIFNWRyByZWN0IGxpc3RlbmVycw0KCQlhZGRMaXN0ZW5lcnMoJ3IxJyk7DQoJCWFkZExpc3Rl bmVycygncjInKTsNCgkJYWRkTGlzdGVuZXJzKCdyMycpOw0KCS8vXV0+DQogIDwvc2NyaXB0Pg0K PC9ib2R5Pg0KPC9odG1sPg==