I have a rails app that has an jquery ui autocomplete search input. It works perfectly in development and even sends the request to the server in production mode, so everything until the dropdown is working perfectly. The problem is that the autocomplete dropdown is not showing, not even an empty dropdown.
I don’t know why this is happening because it works perfectly in development. It didn’t work on Heroku, and now I’ve switched to EC2 it doesn’t work either. Same outcome.
I know its normal to show some code, but I don’t know what to show if the associated code is working fine.
Has anyone else had this problem? If you request code I’ll post it.
application.css.sass
@import jquery.ui.all
@import variables.css.scss
@import bootstrap
@import sass-rules.css.scss
@import fonts.css.scss
@import general.css.scss
@import containers.css.scss
@import jquery.Jcrop.min
@import header.css.scss
@import side_bar.css.scss
@import modal.css.scss
@import home.css.scss
@import users.css.scss
@import items.css.scss
@import messages.css.scss
@import notifications.css.scss
@import me.css.scss
@import friends.css.scss
@import discover.css.scss
Solved. Here’s what happened…
I was using SQLite3 in development mode and PostgreSQL in production. SQLite was searching the database and returning case insensitive results, while PostgreSQL was returning case sensitive results, therefore while testing in production, it returned no results, an empty hash. And being the only jQuery UI component I’m using, I thought that the css was broken.