kaquadu

kaquadu

iOS search button doesn't work while suggesting input values with LiveView

Hello!
As the title says - I’ve got a problem with iOS search button on the iPhone. I want the iOS search button redirect to the search page with given parameter. If the suggestions in the Live View module are available and suggested input is chosen while clicking on the search button - nothing happens (if the suggestion is not chosen the flow is the same). Once the suggestions are off the button works fine and redirects me to search with given parameter.

<%= form_for :search, Routes.search_path(@socket, :index), [phx_change: "suggest", method: :get], fn f -> %>
  <input type="search" name="search" list="matches" autocomplete="off"  />
  <button type="submit"></button>
  <datalist id="matches">
    <%= for match <- @matches do %>
      <option value="<%= match %>"><%= match %></option>
    <% end %>
  </datalist>
<% end %>
defmodule MyAppWeb.IndexSearchLive do
  # uses
  use Phoenix.LiveView

  # aliases
  alias MyAppWeb.PageView

  # imports
  import MyAppWeb.LiveSuggestionsHelper

  def mount(_params, %{"locale" => locale}, socket) do
    Gettext.put_locale(locale)

    socket = assign(socket, matches: [])
    {:ok, socket}
  end

  def handle_event("suggest", %{"search" => location}, socket)
      when location not in ["", nil] do
    if String.length(location) >= 1 do
      {:noreply, assign(socket, matches: suggest(location))}
    else
      {:noreply, assign(socket, matches: [])}
    end
  end # - once this function is commented the search button works fine, but there are no suggestions

  def handle_event(_event, _params, socket) do
    {:noreply, assign(socket, unhandled: true)}
  end

  def render(assigns) do
    PageView.render("search.html", assigns)
  end
end

I think that type="search and name="search" is obligatory for the iOS search button to work - however if I am wrong please correct me.

I would really appreciate any kind of advice.

Edit: When I say iOS search button I mean the system one, which appears in the system keyboard while typing, the blue one in the right bottom corner :stuck_out_tongue:

Where Next?

Popular in Questions Top

Kurisu
For example for a current url like http://localhost:4000/cosmetic/products?_utf8=✓&amp;query=perfume&amp;page=2, I would like to get: ...
New
mcarvalho
What is the difference between System.get_env and Application.get_env? For example, what are best practices to use one versus another.
New
chrisalley
ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...
New
JeremM34
Hello, how can I check the Phoenix version ? Thanks !
New
jaysoifer
Is there a way to rollback a specific migration and only that one (“skipping” all the other ones)? Would mix ecto.rollback -v 200809061...
New
dokuzbir
I want to highlight html closing tags when i click a html tag. That works in .html files but doesnt work for html.eex templates. How can...
New
stefanluptak
Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...
New
bsollish-terakeet
Credo is smart enough to check for (something like) this: assert length(the_list) == 0 with this response: Checking if an enum is empt...
New
ashish173
I am using Ecto timestamps with postgres, I can see the timestamps() use the :naive_dateime but for my use case I wanted to store the ti...
New
hariharasudhan94
I would like to know what is the best IDE for elixir development?
New

Other popular topics Top

9mm
I am constructing a JSON object (map) and I need to conditionally set a field. I’m trying to write proper elixir-way code… and I’m at a l...
New
Patoshizzle
After calling mix ecto.create I get this error: 17:00:32.162 [error] GenServer #PID&lt;0.412.0&gt; terminating ** (Postgrex.Error) FATAL...
New
ovidiubadita
Hey all, I discovered Elixir and I love it. I always wanted to learn a functional programming and I intended to go for Haskell, but afte...
New
jononomo
I am trying to figure out how Mix knows whether the environment is test, dev, or prod – where is this set? Thanks.
New
chrismccord
This release brings a number of exciting features, including integration with the new Phoenix LiveDashboard and Phoenix LiveView. There h...
New
RisingFromAshes
I’ve read in another post that it may be possible with a router helper - but I couldn’t find an appropriate one, and tbh, I’m still just ...
New
nsuchy
Hi. I’ve noticed that Windows Powershell has it’s own IEX command and you cannot access Elixir’s IEX due to the conflict. This isn’t a cr...
New
klo
Got a question about when to concat vs. prepending items to list then reversing to achieve appending. So i know lists boil down to [1 | ...
New
WestKeys
Currently suffering from paralysis by [HTTP client] analysis. This is rather unusual in Elixirland as there tends to be consensus on the ...
New
openscript
Hello! Sorry for this astonishing simple question, but I’m really stuck. I try to set up the intellij-elixir plugin, but I don’t know ho...
New

We're in Beta

About us Mission Statement