Skip to main content Skip to footer

How to Fix the Wijmo Input Buttons Bug in Chrome 63

Update 1/19/2018: This bug is fixed in build 403 and after.

After updating to Chrome 63, we found a new layout bug in our input controls. Any Wijmo input control that included a button had this bug. The button was not filling the entire height of the control.

This is what the controls look like before and after updating to Chrome 63:

Cause

The button has height:100%, but as of Chrome 63, the button no longer expands to fill the height of its container.

Fix It

We've fixed this bug in our source code, but it'll be a little while before we release our next build (officially). If you'd like to test our latest code, you can always get one of our nightly builds: http://prerelease.componentone.com/wijmo5/ Later tonight, this fix will be available there.

We realize the urgency of this issue and want you to be able to patch this yourself immediately. Here's the code needed to fix this bug. Place this code in a stylesheet or style block in your application.

.wj-input-group-btn > .wj-btn {
    min-height: 2em;
}

This code will ensure that the button has a minimum height and will fill the height of the input control.

Chris Bannon - Global Product Manager

Chris Bannon

Global Product Manager of Wijmo
comments powered by Disqus