This Bugzilla instance is a read-only archive of historic NetBeans bug reports. To report a bug in NetBeans please follow the project's instructions for reporting issues.

Bug 238019 - Can not always get size in pixels of element in Chrome
Summary: Can not always get size in pixels of element in Chrome
Status: RESOLVED FIXED
Alias: None
Product: web
Classification: Unclassified
Component: Inspection (show other bugs)
Version: 7.4
Hardware: PC Windows XP
: P3 normal (vote)
Assignee: Jan Stola
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2013-11-05 23:32 UTC by err
Modified: 2015-03-12 16:01 UTC (History)
0 users

See Also:
Issue Type: DEFECT
Exception Reporter:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description err 2013-11-05 23:32:56 UTC
To see the issue run the tutorial "Working with CSS Style Sheets in an HTML5 Application", https://netbeans.org/kb/docs/webclient/html5-editing-css.html

- enable "Inspect in NetBeans Mode"
- go into smartphone landscape size.
- in Chrome select the "div" for the currently displayed contact info

The size can not be seen in the chrome browser. Other elements

The element size is not displayed anywhere in the IDE (AFAICT).

The following behavior doesn't affect this issue, but curiously related.
If you hover over the selected element (or any of the <h3> or <div>) in IDEs "browser DOM" navigator, the tooltip message is truncated. Also if you widen the "css style" property window as much as possible, the selector/id is also trucated to the same characters in the displayed name on the same line as the "style element states" button.
Comment 1 Vladimir Riha 2013-11-06 09:28:38 UTC
Reproducible, tooltip with size of the div is "out of page" in this case so you need to made browser window a bit larger.



Product Version: NetBeans IDE Dev (Build 201311060001)
Java: 1.7.0_45; Java HotSpot(TM) Client VM 24.45-b08
Runtime: Java(TM) SE Runtime Environment 1.7.0_45-b18
System: Linux version 3.2.0-48-generic-pae running on i386; UTF-8; en_US (nb
Comment 2 err 2013-11-06 15:19:04 UTC
(In reply to Vladimir Riha from comment #1)
> you need to made browser window a bit larger.

The width/height was set for a smartphone (by selecting it in the NB connector menu in the browser). Changing it is not really an option.

In this example, if you widen the browser, then the height of the elements change. So you are unable to get the height when it is on a smartphone. So if you change the width you can not get the original height.
Comment 3 Jan Stola 2015-03-12 16:01:45 UTC
> The following behavior doesn't affect this issue, but curiously related.
> If you hover over the selected element (or any of the <h3> or <div>) in IDEs
> "browser DOM" navigator, the tooltip message is truncated. Also if you widen
> the "css style" property window as much as possible, the selector/id is also
> trucated to the same characters in the displayed name on the same line as
> the "style element states" button.

This truncation is intentional. Some elements have a lot of classes and it doesn't make much sense to show them all in the display name/toolip.

The main theme of this issue (the size information pushed out of the page) is another case. I agree that it is unfortunate that you cannot see the size information if it is pushed aside by tons of element classes. I have moved the size information into the second line of the label to improve this situation.

Modified file: https://hg.netbeans.org/web-main/rev/9008e0866b32