Re: MaterialSearch - issues

Solved it with a CSS style added to my application.css

.input input[type=search]{
    height: inherit !important;
}

This correction works as expected in Chrome, Opera, & FireFox.

On Saturday, April 30, 2016 at 6:23:28 PM UTC-4, Velusamy Velu wrote:

Hi Everyone -

The GWT Material Design is a great contribution.  I'm trying to use it in our project (http://peruselab.com), we plan to release in Aug 2016.

One of the component I'm trying to use is the MaterialSearch.  It's well designed and works as expected. However, the behavior of this is inconsistent across browsers. This may be a known issue but I'm sharing it here for the benefit of others. If anyone has found a work around please let me know. You may verify my findings at the demo site.

Works in

Opera Version 36.0 on Windows 10.x

Safari Version 9.1.x on Mac 

Chrome Version 49.0.2623.112 on Mac but Version 50.x failed 

 

 

 

Works but not as expected in -

Chrome Version 51.0.2704.29 beta-m (64-bit) on Windows 10.x

Chrome Version 50.0.x on Mac failed (Harrrr... why did I update?)

Haven't tried 32 bit version of Chrome yet 

MS Edge Version 25.10... on Windows 10 (results list is shown even before start searching)

 

 

Firefox Version 24 (yes, I have this version to debug GWT apps in classic mode, occassionally) on Windows 10.x

 

Does not appear in (actually the search icon momentarily appears and disappears) --

Firefox Version 44.0.2 & 46 on Mac

Firefox Version 46 on Windows 10

 

Have a great rest of the weekend!

Thanks

Sam Velu

 

 

--
You received this message because you are subscribed to the Google Groups "GWT Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to google-web-toolkit+unsubscribe@googlegroups.com.
To post to this group, send email to google-web-toolkit@googlegroups.com.
Visit this group at https://groups.google.com/group/google-web-toolkit.
For more options, visit https://groups.google.com/d/optout.