Page Scrolling

[Woodsy]

Hi

I am trying to stop the page scrolling when a keyword is added in the search or a topic selected in the dropdown. Currently the page scrolls back to the top.

This is the search bar code:

<form action="{{ 'https://www.360insights.com/blog' }}" id="form1">
<label for="term">Search Blog</label>
  <div class="hs-search-field__input-wrapper">
    <input type="text" class="hs-search-field__input" name="term" autocomplete="off" aria-label="Field Label | Search" placeholder="Search Blog">
<input type="hidden" name="type" value="BLOG_POST">
<input type="hidden" name="type" value="LISTING_PAGE">
    <input type="hidden" name="limit" value="9">
<input type="hidden" name="is_search_results" value="true">
  <button type="submit" form="form1" value="Submit" class="hs-button primary"><i class="fa fa-search"></i></button>
  </div>

</form>

This is the code used for the topic dropdown:

<div class="blog-listing-bar__topics">
<form>
<label for="topics">{% text "browse_by_topic_title" label="Browse by Topic Title", value="Browse by topic" %}</label>
<select name="topics" id="topics" class="mb-none">
{% set topics = blog_topics('default', 250) %}
<option value="{{ group.absolute_url }}">All Topics</option>
{% for topic in topics %}
<option value="{{ group.absolute_url }}/tag/{{topic.slug}}" {% if topic.slug == tag %}selected{% endif %}>{{ topic }}</option>
{% endfor %}
</select>
</form>
</div>

An example of the scrolling can be viewed here: Channel Marketing Blog | 360insights

Thank you in advance for any help.

[Jaycee_Lewis]

Hi, @Woodsy 👋 Thanks for reaching out. Do you have a live example of this behaviour in action? The community may not be able to offer help without seeing it happen. Also, is this form on a HubSpot hosted page? 

Best,

Jaycee

[Woodsy]

Thanks, I have added a link in my post that shows how the page currently scrolls back to the top when a keyword is added or a topic selected.