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)
- up.compiler batch throwing error HOT 1
- Allow ignoring the query parameters (search) for current links in navigation feedback HOT 2
- `a[up-accept-location]` Attribute Not Working HOT 4
- Unpoly 3.0.0-rc2 tries to re-register `up.on()` on browser back button HOT 2
- TypeError: Cannot read properties of undefined (reading 'isConnected') HOT 4
- unpoly-migrate throws error when resolving origin of URL target with query parameters and square brackets HOT 1
- Feature: [up-validate] with different URL HOT 3
- up-validate on input[type=date] with flatpicker not working since 3.x HOT 5
- up-href in table row (tr) not working HOT 1
- event.location from `up:location:changed` is not string when using browser back/forward HOT 2
- "Failed to execute 'querySelectorAll'" when selector contains special characters HOT 5
- CSP blocking `up.reload` even with `unsafe-eval` HOT 4
- Submit via out-of-form element does not contribute the element name/value pair HOT 2
- DOMException: Failed to execute 'matches' on 'Element': ':none' is not a valid selector. HOT 3
- Cannot submit form containing a field called "contains" in Unpoly 3 HOT 3
- Allow custom navigation feedback HOT 7
- Redirect to new URL
- Wrong cursor position on up-autosubmit form with field type="number" HOT 1
- Using up.on with the passive option set to true raises an unexpected error HOT 2
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.