当焦点改变时，防止内容div与`overflow：hidden`移动

Question

我有一个JSfiddle显示我遇到的问题：https://jsfiddle.net/bfmu1xzp/

div内部有两个输入。 div（“inner”）大于其父（“outer”），它具有overflow: hidden，因此隐藏了一个输入。当我选中隐藏的输入时，内部div会移动（滚动？）以使聚焦输入可见。

我明白这是一种有用的行为，但我不想要它。有什么办法可以阻止吗？

注意：我不是在寻找一种简单地禁用隐藏输入的解决方案，这样就无法集中注意力。这是一个简化的例子。