Chat & Discussions>Discussions

Having both phx_blur and phx_change applicable?

/phoenix#liveview#phx-blur#liveview-form#phx-change
Sanjibukai

Sanjibukai

Having both phx_blur and phx_change applicable?

Hello everybody,

It seems that it’s not possible to have a phx-blur on an input while there’s already a phx-change on the form itself..

Why there’s such a limitation?

I have a use case where I want to display error messages on a form but applicable as soon as a required field is left.
I mean at the beginning there’s no errors displayed.
But when we focus (enter) and then blur (exit) on an input without editing it, it will not trigger the phx-change event.

So that’s why I wanted to have a phx-blur on inputs.

What are your thoughts?

5 comments
#phx-change
1 1100 5

Most Liked

justincjohnson

justincjohnson

I created Form errors from a `phx-focus` event are not displayed due to presence of `phx-no-feedback` class · Issue #1166 · phoenixframework/phoenix_live_view · GitHub for my issue, just in case it is related to yours. My current hunch is that the code doesn’t properly handle focus and blur events.

1
Post #5

Where Next?

View thread on forum (has 5 responses!)
phoenix
liveview
phx-blur
liveview-form
phx-change
Home Chat & Discussions>Discussions
/phoenix#liveview#phx-blur#liveview-form#phx-change
1 1104 5
Last post

Popular in Discussions Top

mikl
Chat & Discussions>Discussions

String.capitalize() should have a “leave the rest of the word alone” option
I wanted to capitalize a string, and tried using String.capitalize(). That generally works well, until you try to capitalize a word like...
#strings
36 10524 13
New
laiboonh
Chat & Discussions>Discussions

React vs Phoenix Liveview
Hi all, I am trying to convince my team to use liveview over the current react. What are some of the points where one should consider us...
/phoenix#react#liveview
33 7203 12
New
satb
Chat & Discussions>Discussions

Programming Phoenix ≥ 1.4 - release date? (Update: beta out now!)
Release date is May 2017. Can’t wait for it.
/phoenix#book-programming-phoenix
121 21539 62
New
chuck
Chat & Discussions>Discussions

Missed Opportunity: Phoenix needs a guide for creating REST APIs
Let me start by stating an assumption: Phoenix is a great approach to building REST APIs. There are many reasons for this, but I will ass...
/phoenix#api#rest
226 16977 45
New
pillaiindu
Chat & Discussions>Discussions

What is the best / easiest way to convert a Phoenix LiveView app into an iOS and Android app?
I want to convert a Phoenix LiveView CRUD website to a CRUD mobile app. What do you think is the easiest way to do so?
/phoenix#liveview#mobile-app
43 10169 21
New
nburkley
Chat & Discussions>Discussions

Elixir on AWS Lambda is coming soon
AWS re:Invent is on at the moment with some interesting announcements. One new feature in particular is the Lambda Runtime API for AWS La...
#deployment#aws
75 13157 27
New
sergio
Chat & Discussions>Discussions

Elixir language growth - the TIOBE index
There’s a new TIOBE index report that came out that shows Elixir is still not in the top 50 used languages. It also goes on to call Elix...
#adoption
117 13682 36
New
und0ck3d
Chat & Discussions>Discussions

Contento: an open source CMS built with Elixir, Phoenix and Postgresql
Hello everyone! A few days ago I’ve created a topic here about how people were creating CMSs with Elixir and Phoenix. I’ve been studying...
/phoenix
62 11268 10
New
cblavier
Chat & Discussions>Discussions

Phoenix Storybook: a storybook-like UI interface for Phoenix components
Hey there, It’s been more than a year since we started using LiveView as our main UI library and building a whole library of UI componen...
/phoenix#liveview#storybook
507 10038 92
New
Markusxmr
Chat & Discussions>Discussions

Drab and Liveview community oddities
Since Drab has been developed for a while in the open, introducing the Liveview functionality in a way it happend appears to undermine th...
/phoenix#drab#troubleshooting#liveview
364 10921 37
New

Other popular topics Top

sen
Questions & Help>Questions

How to set environment variables in dev.exs?
Hi All, I set a environment variables in dev.exs , like below code. when i start server, how can i set the ${enable} value? thanks. d...
/phoenix
31 21927 15
New
sorentwo
News>Announcing

Oban - Reliable and Observable Job Processing
Hello! tl;dr Announcing Oban, an Ecto based job processing library with a focus on reliability and historical observability. After spen...
/oban#ecto#postgres#job-processing
985 42920 311
New
vrod
Questions & Help>Questions

Starship (cross-shell prompt) error - (starship::utils): Executing command "elixir" timed out
I am using the Starship cross-shell prompt – it seems pretty nice, but I get some errors: [WARN] - (starship::utils): Executing command ...
#starship
8 17307 3
New
SoCreat
Questions & Help>Questions

What's the best ide/editor for elixir in 2021?
i’m a new one to elixir which editor can i use vs code? or atom? Thanks! :smiley:
#ide
68 37718 26
New
belgoros
Questions & Help>Questions

Regex question for hyphen match
I’m not a pro in using Regex and can’t figure out why the following behaviour happens, especially if we take into account the difference ...
#learning-elixir
9 13390 10
New
jason.o
Questions & Help>Questions

No such input `xxxxx` for action ResourceName1.create
In the code below, if the create action is not set to accept “extra_key” as an input, it errors out with a message shown above. Is there ...
/ash
3 78595 2
New
boundedvariable
Chat & Discussions>Discussions

Can we beat Kafka if we build it in Elixir?
I am going through the kafka architecture. All the features what the kafka is providing are already in Erlang. I would like hear your opi...
#distributed-systems
96 20660 29
New
AstonJ
Chat & Discussions>Wikis

Phoenix LiveView Info
We’ve put together this wiki for Phoenix LiveView - please feel free to add any info you feel is worth including. What is Phoenix LiveV...
/phoenix#wiki#stickies#liveview
220 25886 73
New
hariharasudhan94
Questions & Help>Questions

What is the best IDE for elixir?
I would like to know what is the best IDE for elixir development?
#code-editors
33 49662 23
New
vonH
Questions & Help>Questions

Why would I choose Elixir as a general purpose programming language?
In asking this question I am more interested about the expressiveness of the language itself and less concerned about the availability of...
#functional-programming#use-cases
65 34961 13
New
Back to top

Latest Phoenix Threads

Phoenix Forum ❯

Chat & Discussions>Discussions

Chat Discussions ❯

Latest on Elixir Forum

Elixir Forum ❯

Sponsor Spotlight

Coders51

We build reliable cloud platforms for business-critical systems.

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

Categories:

Sub Categories:

Forums

Popular Tags

Our Sponsors

Dashbit

Build Elixir applications with speed and confidence.

EEF

Supporting innovation across the BEAM ecosystem.

Coders51

We build reliable cloud platforms for business-critical systems.

AppSignal

Catch errors, track performance, monitor hosts and more.

Honeybadger

Real-time error tracking, performance insights, and observability for devs.

Manning

Develop your skills with books, videos, and courses.

ElixirCasts

Producing high quality Elixir screencasts since 2017.

Potions

The deployment platform built for Elixir: PaaS ease, VPS control.

Pragmatic Studio

Courses that'll move you from confusion to "Aha, now I get it!"

View all our sponsors ❯

We're in Beta

About us Mission Statement