Comments (6)
Can you enable logging and share the output here for posterity? up.log.enable()
from unpoly.
Sure, no problem!
Console log output with up.log.enable()
.
mouseenter Interaction on
<a class="edit-inline__icon ps-1" up-layer="new" up-target=".overlay-content" up-accept-location="/organizations/parent_ty…123/edit/" up-on-accepted="up.reload('div.table-wrapper')" href="/organizations/parent_ty…123/edit/">
unpoly.js:7391:32
up:link:preload Preloading link
<a class="edit-inline__icon ps-1" up-layer="new" up-target=".overlay-content" up-accept-location="/organizations/parent_ty…123/edit/" up-on-accepted="up.reload('div.table-wrapper')" href="/organizations/parent_ty…123/edit/">
unpoly.js:7391:32
up:request:load Loading GET /organizations/parent_types/123/edit/ unpoly.js:7391:32
up:request:loaded Loaded HTTP 200 response to GET /organizations/parent_types/123/edit/ unpoly.js:7391:32
click Interaction on
<img class="icon icon-table-cell" alt="add" src="/static/images/pencil.svg" width="auto" height="auto">
unpoly.js:7391:32
up:link:follow Following link unpoly.js:7391:32
up.request() Re-using previous request to GET /organizations/parent_types/123/edit/ unpoly.js:7391:32
up:fragment:loaded Loaded fragment from HTTP 200 response to GET /organizations/parent_types/123/edit/ unpoly.js:7391:32
up.render() Opening element ".overlay-content" in new overlay unpoly.js:7391:32
up:layer:open Opening new overlay unpoly.js:7391:32
up.render() Will not auto-update history because fragment doesn't contain a selector from up.fragment.config.autoHistoryTargets unpoly.js:7391:32
up.hello() Compiling fragment
<up-modal size="medium" nesting="0">
unpoly.js:7391:32
up:fragment:inserted Inserted fragment
<up-modal size="medium" nesting="0">
unpoly.js:7391:32
up:layer:opened Opened new modal overlay unpoly.js:7391:32
up.validate() Validating form group of field
<input id="id_name" class="textinput form-control" type="text" name="name" value="Foo" maxlength="255" placeholder="name" required="">
unpoly.js:7391:32
up:form:validate Validating form unpoly.js:7391:32
up:request:load Loading POST /organizations/parent_types/123/edit/ unpoly.js:7391:32
up:request:loaded Loaded HTTP 200 response to POST /organizations/parent_types/123/edit/ unpoly.js:7391:32
up:fragment:loaded Loaded fragment from HTTP 200 response to POST /organizations/parent_types/123/edit/ unpoly.js:7391:32
up.render() Updating "form" in modal overlay unpoly.js:7391:32
up.hello() Compiling fragment
<form id="nav-search-lg" class="ms-2" up-source="/organizations/parent_ty…123/edit/" up-time="false" up-etag="false">
unpoly.js:7391:32
up:fragment:inserted Inserted fragment
<form id="nav-search-lg" class="ms-2" up-source="/organizations/parent_ty…123/edit/" up-time="false" up-etag="false">
unpoly.js:7391:32
from unpoly.
Can you confirm your Unpoly version major/minor?
I made a quick Glitch for this (without a dynamic backend so it's slightly limited) and I can't seem to reproduce it. Could you look and see if there is something glaringly different compared to your version in the markup?
from unpoly.
I've tested that the issue exists in both Unpoly 3.0.0 and 3.2.0. When I downgrade to Unpoly 2.72, the issue disappears and the app behaves as expected.
I'll take a look at the Glitch and see if I can replicate the issue there. If that doesn't work, I'll create a simple Django project and go from there. Thanks for the assistance so far!
from unpoly.
I have created a Glitch, but unfortunately it does not exhibit the error (I suspect) due to the limitations you mentioned.
https://glitch.com/edit/#!/glory-rebel-slime
In my new glitch above, Unpoly is swapping out the entire overlay. On my local project with the problem, Unpoly tries to swap out the form
in the overlay, which is where things go wrong for me. @adam12 the glitch I created above is quite a bit different from the one you helpfully created. Apologies if I didn't describe the issue clearly enough. The problem is a touch complicated! Hopefully, my Glitch clears things up.
I'll look into creating a simple project locally as the next step. If that simple project exhibits the same bug, I'll post a repo on Github. That will take a week or so, since I won't be available to work on this for the little bit for various reasons. Thanks again for your help.
from unpoly.
Based on the docs, I think Unpoly is supposed to limit its search to items enclosed within the element selected by [up-target]?
The search is limited to forms within the same layer.
Are you sure form#nav-search-lg
and form#correct-one
exist in different layers?
from unpoly.
Related Issues (20)
- Hide focus ring when following an [up-instant] link HOT 1
- Please support `up.reload(":none")` HOT 3
- Respect unpoly attributes on form submitters HOT 2
- snipcart with unpoly HOT 2
- Incorrect docs: Event target for 'up:form:submit' is not always the form HOT 5
- Is up-disable broken? HOT 2
- JS error when using up-submit: Uncaught up.Error: up.on(): The "up:click" callback function executeEmitAttr; EDIT: Putting the script in the end of body breaks the js HOT 2
- `up.animate` does not respect `duration: 0`
- Question: Async code in 'up:form:submit' possible race condition? HOT 2
- no transition with tailwindcss
- Web Component form field dropped by up-submit HOT 2
- Can unpoly exchange HTML fragments through WebSockets?
- Look at explicit port for cross-origin detection HOT 1
- Successfully submitting a form within a layer with the param up-layer='root' closes the layer with up:layer:dismiss and not up:layer:accept event HOT 1
- Watching fields requires multiple-values checkboxes to have a `[]` name suffix HOT 6
- Handle links with anchors that start with a number HOT 1
- Handle links with anchors that start with a number HOT 1
- Browser does not loose it's zoom state between page navigations on smartphones HOT 2
- URLs with redundant slashes cause Unpoly to trigger a `DOMException` HOT 1
- HTML lang attribute is not updated on link follow HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from unpoly.