Commitc4477e2

authored

hide search dropdown on click out (#1566)

1 parentaef0cff commitc4477e2Copy full SHA for c4477e2

File tree

+12

-3

lines changed

+12

-3

lines changed

Lines changed: 1 addition & 1 deletion

Original file line number	Diff line number	Diff line change
`@@ -72,7 +72,7 @@ pub struct Dropdown {`
`72`	`72`	`/// Position of the dropdown menu.`
`73`	`73`	`offset:String,`
`74`	`74`
`75`		`-/// Whether or not the dropdownis collapsable.`
	`75`	`+/// Whether or not the dropdownresponds to horizontal collapse, i.e. in product left nav.`
`76`	`76`	`collapsable:bool,`
`77`	`77`	`offset_collapsed:String,`
`78`	`78`

Lines changed: 7 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -30,4 +30,11 @@ export default class extends Controller {`
`30`	`30`	`search(id,url){`
`31`	`31`	this.element.querySelector(`turbo-frame[id=${id}]`).src=url;
`32`	`32`	`}`
	`33`	`+`
	`34`	`+// Hide the dropdown if the user clicks outside of it.`
	`35`	`+hideDropdown(e){`
	`36`	`+if(!this.element.contains(e.target)){`
	`37`	`+this.endSearch();`
	`38`	`+}`
	`39`	`+}`
`33`	`40`	`}`

Lines changed: 4 additions & 2 deletions

Original file line number	Diff line number	Diff line change
`@@ -1,14 +1,16 @@`
`1`	`1`	`<%`
`2`	`2`	`use crate::components::Dropdown;`
	`3`	`+ use crate::components::stimulus::stimulus_action::{StimulusAction, StimulusEvents};`
	`4`	`+`
`3`	`5`	`%>`
`4`	`6`	`<divdata-controller="inputs-text-search-search"`
`5`	`7`	`data-search-frame-id="<%= id %>"`
`6`	`8`	`data-search-frame-url="<%= search_url %>"`
`7`		`->`
	`9`	`+data-action='click@document->inputs-text-search-search#hideDropdown'>`
	`10`	`+`
`8`	`11`	`<%+ input %>`
`9`	`12`
`10`	`13`	`<%+ Dropdown::new_no_button()`
`11`	`14`	`.frame(id, search_url.as_str())`
`12`		`- .collapsable()`
`13`	`15`	`%>`
`14`	`16`	`</div>`

Comments

(0)