Comments (4)
Ok... turns out mouseclick does work. But only on some pages. From what I can see, it works well on top level elements, but apparently not on lower level nested elements, such as buttons nested inside a < div >.
Oddly, it does properly report the id of the lower level nested element, but attempts to resize the lower level button fail. The resizing or moving is applied to the wrapper element.
from positionable.
Can you post links please? Things like complex DOM structures or lots of event listeners can can issues for Positionable as can be expected.
As for selected elements, it's listed on the main extension page.
You can click to select, shift click to add, or drag to create a bounding box. From there you can select via the control panel on the boxes you see that represent the currently selected elements.
This is useful when elements are nested or too small to select with just a click.
from positionable.
Take this github page itself for instance? The only elements I manage to select, move etc. is the avatars and the "attach files" footer in the comment editor.
This extension looks like exactly what I wanted. Also looks very polished. Great work!
But I can't select stuff :) It's for sure not an easy problem to make a good UI for, but for me it would actually be very useful to simply have a mode which always operated on the selected element in the development tools (not sure if that's technically feasible though)
Or if possible: click once to select the most specific element, click again to select the parent, etc. + and undo button.
from positionable.
Ah, I see, you have to select the set of elements to operate on using the css selector in the settings. (and there's some sort of default on images?)
EDIT: It's right in the description on the chrome store page 🤦
By default, it works on absolute and fixed positioned elements, however you can set a CSS selector to target exactly the elements you're interested in. Static elements will be forced to position "relative"
That's a good idea, but the extension would still benefit from having a mode similar to what I outlined in the previous comment.
from positionable.
Related Issues (12)
- Inkscape generated svg HOT 1
- Relative position elements support HOT 3
- Resize handles for small elements HOT 3
- Extremely difficult to pick up the DOM element you need HOT 4
- Add support for css transform: translate3d(...) HOT 2
- Is it possible to make Positionable work in chrome app mode? HOT 1
- Dragging Form Field Elements Not Supported HOT 3
- Fix Copying Multiple Styles When Multiple Selected HOT 4
- Positionable not working for local file HOT 1
- Positionable 2.1.0 not loading HOT 1
- Positionable suddenly needs access to browsing history HOT 7
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 positionable.