Looking for a scrolling effect in an HTML Dialog with Google Apps Script.
I've already tried this link and placed the code in the editor. However, when highlight buttons are clicked, they work but do not cause scrolling within the HTML dialog.
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="//ssl.gstatic.com/docs/script/css/add-ons1.css">
<style>
.sidebar{padding:0}
.branding-below {
bottom: 80px;
top: 0;
}
</style>
<body>
<div class="sidebar branding-below" data-select2-id="58">
...
... (omitted for brevity)
...
$(document).ready(function () {
$('select').select2();
listen("select")
});
function listen(selector)
{
$(selector).on('change', function() {
alert("Cannot use this field as you have already used!");
highlightSelect2("#sel7")
$(this).val("");
});
}
</script>
</body>
</html>