diff --git a/test/data/testsuite.css b/test/data/testsuite.css
index 253bea9988..4f2b289f4e 100644
--- a/test/data/testsuite.css
+++ b/test/data/testsuite.css
@@ -130,3 +130,15 @@ section { background:#f0f; display:block; }
 .inline { display: inline; }
 .list-item { display: list-item; }
 .hidden, .none { display: none; }
+
+#div-gh-2836 {
+	position: relative;
+	overflow: auto;
+	height: 100px;
+}
+#div-gh-2836 div {
+	position: relative;
+	height: 100%;
+	padding: 0;
+	margin: 0;
+}
diff --git a/test/unit/dimensions.js b/test/unit/dimensions.js
index c681478a00..0b568dd860 100644
--- a/test/unit/dimensions.js
+++ b/test/unit/dimensions.js
@@ -471,4 +471,34 @@ QUnit.test( "allow modification of coordinates argument (gh-1848)", function( as
 		"coordinates are modified (got offset.top: " +  offsetTop + ")" );
 } );
 
+QUnit.test( "outside view position (gh-2836)", function( assert ) {
+
+	// This test ported from gh-2836 example
+	assert.expect( 1 );
+
+	var parent,
+		html = [
+		"<div id=div-gh-2836>",
+			"<div></div>",
+			"<div></div>",
+			"<div></div>",
+			"<div></div>",
+			"<div></div>",
+		"</div>"
+	].join( "" ),
+	stop = assert.async();
+
+	parent = $( html );
+	parent.appendTo( "#qunit-fixture" );
+
+	parent.one( "scroll", function() {
+		var pos = parent.find( "div" ).eq( 3 ).position();
+
+		assert.strictEqual(pos.top, -100);
+		stop();
+	});
+
+	parent.scrollTop( 400 );
+} );
+
 } )();