Filter does not behave properly

Tags: #<Tag:0x00007efc60d1a2a0>
#1

I’m attaching a video link to show you how my filter is behaving. If you’ll get any idea of the underlying problem, please suggest it.

https://drive.google.com/file/d/0Bx1-A3jQL0TINjAwY2pOY1ByOU0xaWlpR254c2NKcno1MGlZ/view?usp=sharing

#2

Hi @rishabhbhs

it looks like you’re using some additional styling (maybe a CSS framework?) and the filters styling is being adjusted to fit the new styling guidelines.

#3

I’m using bootstrap. Might that pose an issue?

#4

Yes, it may. You can check resources order. Handsontable style should be loaded after you load Bootstrap.
You can check if Bootstrap is causing an issue by commenting out its resources.

#5

I’ve loaded handsontable after loading bootstrap.

Also, I commented bootstrap and reloaded my application. The filter malfunction persists.

#6

Are you able to replicate it via JSFiddle? I’ll test it on my device as I haven’t seen this issue before.

#7

No. Filters work perfect on jsFiddle. I’m unable to replicate the issue on it.

#8

It will be very hard for me to help if I am not able to replicate the issue.

It looks like it has to be related to the website settings/CSS as it works fine in the JSFiddle.

#9