[TAP5-2703] quickstart navbar collapse button doesn't show menu on small windows

• Type: Bug
• Status: Closed
• Priority: Minor
• Resolution: Fixed
• Affects Version/s: 5.8.0
• Fix Version/s: 5.8.1
• Component/s: quickstart
• Assignee: Thiago Henrique De Paula Figueiredo
• Reporter: D Tim Cummings
• Created: 10/Feb/22 03:22
• Updated: 18/Mar/22 04:08
• Resolved: 18/Mar/22 02:44

Description

I tried out quickstart 5.8.0 and noticed that when the browser window is small it collapses the navbar behind a button. Unfortunately clicking the button doesn't show the navbar. It used to work in old versions of quickstart (eg 5.4.5) which used Bootstrap 3 but quickstart 5.8.0 uses Bootstrap 4.

Suggested solution:

Change Layout.java, this line:

@Import(stylesheet = "context:css/app.css")

into this:

@Import(stylesheet = "context:css/app.css",module = { "bootstrap/collapse", "bootstrap/dropdown"})

This seemed to be necessary but didn't solve the problem. More errors in Console about bootstrap/collapse. These may be related to issue:
 
DevTools failed to load source map: Could not load content for +http://localhost:8080/assets/meta/zae851f6d/tapestry5/bootstrap4/css/bootstrap.css.map+: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for +http://localhost:8080/assets/meta/z2779b2b3/tapestry5/bootstrap4/css/bootstrap-grid.css.map+: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
console.js:104 RequireJS error: require: Cannot set properties of null (setting '_isTransitioning')
console.js:104 RequireJS error: require: Cannot set properties of null (setting '_element')
DevTools failed to load source map: Could not load content for +http://localhost:8080/modules.gz/bootstrap/popper.js.map+: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for +http://localhost:8080/modules.gz/bootstrap/dropdown.js.map+: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for +http://localhost:8080/modules.gz/bootstrap/collapse.js.map+: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE
DevTools failed to load source map: Could not load content for +http://localhost:8080/modules.gz/bootstrap/util.js.map+: HTTP error: status code 404, net::ERR_HTTP_RESPONSE_CODE_FAILURE