ycv005

Hide Modal when Back button of browser is pressed

I want to Hide full-window Modal when the back button of browser is pressed only on the particular page.

7 comments

/phoenix #javascript #jquery

6 6749 7

2019-07-04 06:47:02 UTC

Marked As Solved

NobbZ

You haven’t mentioned LiveView before, so far we assumed regular statically rendered templates…

As far as I remember push state support has been added recently and you should be able to use that to handle back/forward buttons from your liveview.

Post #6

Also Liked

alvises

As @NobbZ said, you can use pushState support in LiveView which would really make the things easy.

With pushState in LiveView, when you show a modal you can update the URL (to something like /page/modal) without refreshing/changing the page. This new url is added to the browser history so when users click the back button they go back to the previous state (there are two examples on an article I wrote).

Post #7

ycv005

Ya, I also saw your videos. Thanks to all.

Post #8

Where Next?

View thread on forum (has 7 responses!)

phoenix

javascript

jquery

Home Questions & Help>Questions

/phoenix #javascript #jquery

6 6750 7

Last post

Popular in Questions

Questions & Help>Questions

Best Practises for Error handling elixir?

How to handle excepions in elixir? Suppose i have A, B, C ,D, E modules. and each module has get() function. A.get() method will call th...

16 16061 9

2017-08-30 06:48:57 UTC

New

Questions & Help>Questions

Ecto: Validating belongs_to association is not nil?

Okay, I'm having a heck of a time trying to figure out how to best handle the validation of belongs_to associations in Ecto. I'm sure I'...

#ecto

29 17806 25

2023-08-04 11:00:52 UTC

New

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 34758 13

2020-01-05 04:29:20 UTC

New

Questions & Help>Questions

Converting date string to Ecto.Date

Hey guys. I'm new to elixir and im really stocked about it. But I ran into a bit of problem - I need to convert a date sting, for examp...

/phoenix #ecto #dates

14 13473 4

2017-02-22 23:19:06 UTC

New

Questions & Help>Questions

Formatting a string to PEM with headers and line breaks

Hi, I'm quite new in Elixir and I'm trying to format a string to a PEM format. I have the certificate value like MIIDBTCCAe2...... and ...

2 14555 7

2018-01-08 06:15:05 UTC

New

Questions & Help>Questions

System.get_env vs. Application.get_env

What is the difference between System.get_env and Application.get_env? For example, what are best practices to use one versus another.

#environment

13 17021 6

2023-08-30 16:24:51 UTC

New

Questions & Help>Questions

Write while loop equivalent in elixir

I have a another noob question about loop. Since elixir is immutable, while loop is not directly possible. total = 10 while total != 0 ...

#while #loop

60 28200 36

2023-10-19 09:05:29 UTC

New

Questions & Help>Questions

Websocket server in Elixir or phoenix

I’m trying to make a websocket server in Phoenix or raw Elixir. I heard about gun, I think I could use cowboy, but since I’m not that sma...

/phoenix #websockets

20 11315 8

2023-02-23 18:31:20 UTC

New

Questions & Help>Questions

How to describe many contexts in ExUnit without a hierarchy

ExUnit now has describe blocks which is a welcome addition coming from RSpec. In the docs, it states that nested hierarchies of describe ...

#testing #exunit

66 16773 4

2017-03-25 17:02:28 UTC

New

Questions & Help>Questions

Why isn’t mnesia the most preferred database for use in Elixir/Phoenix?

Why is it that the mnesia database isn’t the most preferred database for use in Elixir/Phoenix?

/phoenix #mnesia

123 21186 22

2020-04-29 21:46:52 UTC

New

Other popular topics

Questions & Help>Questions

Where / How does the Mix environment variable get set?

I am trying to figure out how Mix knows whether the environment is test, dev, or prod -- where is this set? Thanks.

#mix

31 22791 9

2018-09-11 12:46:52 UTC

New

Questions & Help>Questions

Idiomatic guard clause for checking not nil

What is the idiomatic way of matching for not nil in Elixir? E.g., First way: defp halt_if_not_signed_in(conn, signed_in_account) when...

#guard-clauses

13 43178 3

2018-11-28 20:03:07 UTC

New

Learning Resources>Guides/Tuts/Tips/Info

How to use 'phoenix-heex' templates in VSCode

Hi, this is for people who, like me, have had some friction using .html.heex templates in VSCode. The solution seems to be, in a hyphena...

/phoenix #vscode #heex

118 16932 34

2024-07-10 07:43:16 UTC

New

Libraries & Projects>Libraries

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform

Elixir plugin for JetBrain’s IntelliJ Platform (including Rubymine) This is a plugin that adds support for Elixir to JetBrains IntelliJ...

#intellij

289 35421 110

2024-01-11 21:01:54 UTC

New

Questions & Help>Questions

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

We have an ECS cluster with 4 services, where each task joins a single cluster, via discovery ECS discovery service. Currently when I de...

#deployment

2 85219 3

2023-11-16 22:55:34 UTC

New

Questions & Help>Questions

Failed to run 'elixir' command error in vs code

Using vs code and installed ElixirLS: support and debugger. And I got an error popped up on start up says Failed to run ‘elixir’ comma...

#vscode #elixir-ls

48 15871 39

2025-08-20 18:57:04 UTC

New

Questions & Help>Questions

Installing elixir via asdf shows zsh: command not found: iex

I tried installing elixir 1.11.2 erlang 23.3.4 via asdf in my zsh shell. Enabled the versions locally and globally. When I list them ...

#erlang #asdf

44 16425 17

2023-12-27 16:32:30 UTC

New

Questions & Help>Questions

Using VSCode on multiple monitors

Hello everybody, usually, I use a 29" ultra-wide monitor for VSCode which can easily accomodate explorer (files panel) + file with code ...

#vscode #vscode-elixir

7 17615 6

2021-04-16 15:44:36 UTC

New

Learning Resources>Books

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)

by Lance Halvorsen Elixir and Phoenix are generating tremendous excitement as an unbeatable platform for building modern web application...

#book-functional-web-development-with-elixir-otp-and-phoenix #pragprog

460 27162 124

2022-09-12 17:08:34 UTC

New

Learning Resources>Guides/Tuts/Tips/Info

Configuring VSCode to use with Elixir and Phoenix Templates

Hey :wave:t3: Elixir community, I’ve been learning Elixir, and working on some side projects. My editor of choice is VSCode, and althoug...

#phoenix_html #vs-code #vscode-elixir #elixir-ls

43 16832 15

2022-03-09 06:54:07 UTC

New

Hide Modal when Back button of browser is pressed

ycv005

Hide Modal when Back button of browser is pressed

Marked As Solved

NobbZ

Also Liked

alvises

ycv005

Where Next?

Popular in Questions

Best Practises for Error handling elixir?

Ecto: Validating belongs_to association is not nil?

Why would I choose Elixir as a general purpose programming language?

Converting date string to Ecto.Date

Formatting a string to PEM with headers and line breaks

System.get_env vs. Application.get_env

Write while loop equivalent in elixir

Websocket server in Elixir or phoenix

How to describe many contexts in ExUnit without a hierarchy

Why isn’t mnesia the most preferred database for use in Elixir/Phoenix?

Other popular topics

Where / How does the Mix environment variable get set?

Idiomatic guard clause for checking not nil

How to use 'phoenix-heex' templates in VSCode

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

Failed to run 'elixir' command error in vs code

Installing elixir via asdf shows zsh: command not found: iex

Using VSCode on multiple monitors

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)

Configuring VSCode to use with Elixir and Phoenix Templates

Latest Phoenix Threads

Questions & Help>Questions

Latest on Elixir Forum

Categories:

Sub Categories:

Forums

We're in Beta

Hide Modal when Back button of browser is pressed

ycv005

Hide Modal when Back button of browser is pressed

Marked As Solved

NobbZ

Also Liked

alvises

ycv005

Where Next?

Popular in Questions

Best Practises for Error handling elixir?

Ecto: Validating belongs_to association is not nil?

Why would I choose Elixir as a general purpose programming language?

Converting date string to Ecto.Date

Formatting a string to PEM with headers and line breaks

System.get_env vs. Application.get_env

Write while loop equivalent in elixir

Websocket server in Elixir or phoenix

How to describe many contexts in ExUnit without a hierarchy

Why isn’t mnesia the most preferred database for use in Elixir/Phoenix?

Other popular topics

Where / How does the Mix environment variable get set?

Idiomatic guard clause for checking not nil

How to use 'phoenix-heex' templates in VSCode

IntelliJ Elixir - Elixir plugin for JetBrain's IntelliJ Platform

Deploying Elixir into ECS causing many "'global' at node :"xxxxx@10.0.X.X" requested disconnect from node :"xxxx@10.0.X.X" in order to prevent overlapping partitions"

Failed to run 'elixir' command error in vs code

Installing elixir via asdf shows zsh: command not found: iex

Using VSCode on multiple monitors

Functional Web Development with Elixir, OTP, and Phoenix (Pragprog)

Configuring VSCode to use with Elixir and Phoenix Templates

Latest Phoenix Threads

Questions & Help>Questions

Latest on Elixir Forum

Sponsor Spotlight

Our Sponsors

Categories:

Sub Categories:

Forums

Our Sponsors

We're in Beta