検索結果が表示されない

Question

djangoでbootstrapを導入してブログサイトを作っています
記事のタイトルを検索できるようにしたいのですが、検索結果がうまく表示できません

#view.py
from django.db.models import Q
from django.views.generic import ListView
from functools import reduce
from operator import and_
from thread.models import Topic

class SearchResultView(ListView):
    template_name = 'search/result.html'
    context_object_name = 'result_list'

    def get_queryset(self):
        if self.request.GET.get('q', ''):
            params = self.parse_search_params(self.request.GET['q'])
            query = reduce(
                lambda x,y : x & y,
                list(map(lambda z: Q(title__icontains=z) | Q(message__icontains=z), params))
            )
            return Topic.objects.filter(query)
        else:
            return None
    
    def get_context_data(self, **kwargs):
        ctx = super().get_context_data(**kwargs)
        ctx['query'] = self.request.GET.get('q', '')
        return ctx
        
    def parse_search_params(self, words: str):
        search_words = words.replace('　', ' ').split()
        return search_words

<!-- form -->
<form class="form-inline my-2 my-lg-0" action="{% url 'search:result' %}" method="GET">
   <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search"　name="q">
   <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
</form>

<!-- 検索結果 -->
<div class="my-3 p-3 bg-white rounded shadow-sm">
    <h6 class="border-bottom border-gray pb-2 mb-0">検索結果</h6>
    {% if result_list %}
    {% for result in result_list %}
    <div class="media text-muted pt-3">
        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="" class="mr-2 rounded">
        <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
            <a href="{% url 'thread:topic' pk=result.id %}"><strong class="d-block text-gray-dark">{{result.title}}</strong></a>
            {{result.user_name}},{{resurlt.created}}
        </p>
    </div>
    {% endfor %}
    {% else %}
    <div class="media text-muted pt-3">
        <img data-src="holder.js/32x32?theme=thumb&amp;bg=007bff&amp;fg=007bff&amp;size=1" alt="" class="mr-2 rounded">
        <p class="media-body pb-3 mb-0 small lh-125 border-bottom border-gray">
            トピックが存在しません
        </p>
    </div>
    {% endif %}
</div>

該当するタイトルを検索しても「トピックが存在しません」となってしまいます
viewに問題がありそうなのですが、どこに問題があるのか調べてもわからないので教えていただきたいです

Answer 1

inputタグのaria-label="Search"を消せばいいだけでした