devtools/src/devtools.js

@@ -2,7 +2,7 @@ import { options, Fragment, Component } from 'preact';
 
 export function initDevTools() {
 	if (typeof window != 'undefined' && window.__PREACT_DEVTOOLS__) {
-		window.__PREACT_DEVTOOLS__.attachPreact('10.20.0', options, {
+		window.__PREACT_DEVTOOLS__.attachPreact('10.20.1', options, {
 			Fragment,
 			Component
 		});

package.json

@@ -1,7 +1,7 @@
 {
   "name": "preact",
   "amdName": "preact",
-  "version": "10.20.0",
+  "version": "10.20.1",
   "private": false,
   "description": "Fast 3kb React-compatible Virtual DOM library.",
   "main": "dist/preact.js",

src/diff/props.js

@@ -55,7 +55,12 @@ export function setProperty(dom, name, value, oldValue, isSvg) {
 			name !== (name = name.replace(/(PointerCapture)$|Capture$/i, '$1'));
 
 		// Infer correct casing for DOM built-in events:
-		if (name.toLowerCase() in dom) name = name.toLowerCase().slice(2);
+		if (
+			name.toLowerCase() in dom ||
+			name === 'onFocusOut' ||
+			name === 'onFocusIn'
+		)
+			name = name.toLowerCase().slice(2);
 		else name = name.slice(2);
 
 		if (!dom._listeners) dom._listeners = {};

test/browser/events.test.js

@@ -227,4 +227,12 @@ describe('event handling', () => {
 			.to.have.been.calledTwice.and.to.have.been.calledWith('gotpointercapture')
 			.and.calledWith('lostpointercapture');
 	});
+
+	it('should support camel-case focus event names', () => {
+		render(<div onFocusIn={() => {}} onFocusOut={() => {}} />, scratch);
+
+		expect(proto.addEventListener)
+			.to.have.been.calledTwice.and.to.have.been.calledWith('focusin')
+			.and.calledWith('focusout');
+	});
 });