search

CodeWritingCow / NYC-restaurant-inspection-records

Web application for searching New York City restaurant inspection records
http://www.nycfoodsafety.org
1 stars 3 forks source link

React home bug #59

Closed badwolfbit closed 5 years ago

badwolfbit commented 5 years ago

@CodeWritingCow, need assistance in implementing responsive design to search component GETTING STARTED:

ISSUE:

Screenshot 2019-07-20 14 00 12
CodeWritingCow commented 5 years ago

@omenwolf I initialized the Materialize plugin for select menus on your PR. The plugin behaves strangely with React. Here's what happened:

I initialized the plugin in <Search>'s componentDidMount method:

Screen Shot 2019-07-21 at 12 20 01 AM

The plugin produced a Materialize dropdown for the boroughs (top), but the original dropdown remains (bottom):

Screen Shot 2019-07-21 at 12 20 23 AM

When I press the search button, the console prints an error message:

Screen Shot 2019-07-21 at 12 21 11 AM

Said error message comes from the dropdown for small screens:

Screen Shot 2019-07-21 at 12 22 02 AM

When I navigate to another webpage and return to the home page, the Materialized dropdown disappears. When I click the search button, console prints a similar error message:

Screen Shot 2019-07-21 at 12 22 28 AM

I'm not sure what's causing this behavior. What are your thoughts?

badwolfbit commented 5 years ago