Author Topic: Problem with not being able to type in filter field  (Read 3782 times)


  • Newbie
  • *
  • Posts: 7
    • View Profile
Problem with not being able to type in filter field
« on: July 26, 2018, 10:49:11 pm »
Hi, I'm trying to use a pqselect inside a pqgrid to take some input, as is shown in multiple examples.

I was surprised to see that in my project, as soon as I have a pqselect anywhere in a (Bootstrap 4) modal window, the filter input field doesn't work.

It does work on the same page when at the root level of the page (not inside a Bootstrap modal).

It's almost as if it's disabled, no keypresses function, there's no cursor in the input, when I inspect it in the dev tools, it all looks normal, it's not disabled or anything, but that's what's happening.  But I can use the mouse functions on the popup, scroll down and click on an option and have it behave normally at that point.  There's just something wrong w/ the input field and/or the keypress (keyup or down) events attached to the control, I guess.

I tried building a jsfiddle for this to show the problem, but when I start from that point, it works fine, so there's some weird complexity about my project that's causing the issue.

I'm using pqgrid, pqselect, Bootstrap 4, jQuery, jQuery UI, and also Vue.js for part of the project, but it's not wrapped on these modals that are causing the problem, so I think it's unlikely the Vue is interfering.

I know this isn't much to go on, but was just wondering if the author or anyone else has run into strange behavior like this or could point me in a useful direction for further troubleshooting?

Thanks for any suggestions!
« Last Edit: July 26, 2018, 11:50:29 pm by jlawler.scsi »


  • Newbie
  • *
  • Posts: 1
    • View Profile
Re: Problem with not being able to type in filter field
« Reply #1 on: October 08, 2018, 01:33:25 pm »
I'm just trying to solve the problem.