diff --git a/static/js/stream_create.js b/static/js/stream_create.js index 9ad293a74d..4abf5231ab 100644 --- a/static/js/stream_create.js +++ b/static/js/stream_create.js @@ -314,8 +314,6 @@ export function show_new_stream_modal() { html_selector: (user) => $(`#${CSS.escape("user_checkbox_" + user.user_id)}`), }); - create_handlers_for_users(add_people_container); - // Make the options default to the same each time: // public, "announce stream" on. $("#make-invite-only input:radio[value=public]").prop("checked", true); @@ -394,7 +392,7 @@ export function create_handlers_for_users(container) { $("#copy-from-stream-expand-collapse .toggle").toggleClass("fa-caret-right fa-caret-down"); }); - $("#stream-checkboxes label.checkbox").on("change", (e) => { + container.on("change", "#stream-checkboxes label.checkbox", (e) => { e.preventDefault(); const elem = $(e.target).closest("[data-stream-id]"); const stream_id = Number.parseInt(elem.attr("data-stream-id"), 10); @@ -405,6 +403,11 @@ export function create_handlers_for_users(container) { } export function set_up_handlers() { + // Sets up all the event handlers concerning the `People to add` + // section in Create stream UI. + const people_to_add_holder = $("#people_to_add").expectOne(); + create_handlers_for_users(people_to_add_holder); + const container = $("#stream-creation").expectOne(); container.on("change", "#make-invite-only input", update_announce_stream_state);