Not working in 3.1.1

Not working in 3.1.1 **Posted:** Thu May 20, 2010 1:08 pm +0-

When I specify the module is required, then I get the following error:

Y.extend is not a function

When I don't use the module, it works fine

Kind Regards
Swami

Re: Not working in 3.1.1 **Posted:** Thu May 20, 2010 4:18 pm +0-

Could you post a Gist showing a reproducable example of this not working?

Y.extend comes from oop which is required by both overlay >> widget >> base and plugin >> base are both requires of gallery-overlay-extras.

Re: Not working in 3.1.1 **Posted:** Thu May 20, 2010 7:02 pm +0-

http://gist.github.com/408399

Re: Not working in 3.1.1 **Posted:** Thu May 20, 2010 7:26 pm +0-

This is working: http://gist.github.com/408409

A Gallery build tag need to be specified. The Overlay-Extras module came out after 3.1.1. Each YUI release comes with a hardcoded build tag; so we need to override the Gallery build tag for the YUI instance.

Re: Not working in 3.1.1 **Posted:** Thu May 20, 2010 8:42 pm +0-

Ok Eric it works now,

Sorry - I didn't realize I needed that gallery build option.

A couple more things:

[*] If I click on some text inside the overlay and then drag outside the overlay, the background text gets selected. ( I have turned autohide off.)
[*] When I make it draggable - a faint border is seen where the original overlay was positioned. Clicking and selecting text around this area results in all text in the doc getting selected
[*]How do I make it so the dialog cannot be dragged beyond the boundaries of the window (i.e. so that it is always fully on screen at all times)?
[*] Scrolling background text is jerky in firefox/opera - works great in google chrome - not sure how much control you have over that though :-)

FYI, I am building an app which allows the user to markup a parallel xml document based on his selection on an html copy. (I have code that auto-expands the selection to a valid range). After the user selects the text he wishes to markup, he will select "markup text" from a context menu, and then a dialog box will pop up - allowing him to enter the details of the markup (i.e. attribute values etc).

For this to work the current browser selection should be preserved while the user is using the overlay dialog. (Currently - the selection is lost when the overlay is shown)

(I know that selection/range objects are not implemented in a standard way across all browsers, but I am using this for an internal app - where I will insist that only firefox/chrome or any browser that implements selection/ranges as per the HTML5 spec is used.)

Thanks for the help

Kind Regards

Swami

Re: Not working in 3.1.1 **Posted:** Thu May 20, 2010 8:58 pm +0-

swami wrote:

Ok Eric it works now,

Sorry - I didn't realize I needed that gallery build option.

No worries, it's not something you'd expect to have to do.

swami wrote:

A couple more things:

[*] If I click on some text inside the overlay and then drag outside the overlay, the background text gets selected. ( I have turned autohide off.)

][*] When I make it draggable - a faint border is seen where the original overlay was positioned. Clicking and selecting text around this area results in all text in the doc getting selected

Are you using Y.OverlayModal?

swami wrote:

[*]How do I make it so the dialog cannot be dragged beyond the boundaries of the window (i.e. so that it is always fully on screen at all times)?

http://developer.yahoo.com/yui/3/api/Overlay.html
http://developer.yahoo.com/yui/3/api/Pl ... ained.html

swami wrote:

[*] Scrolling background text is jerky in firefox/opera - works great in google chrome - not sure how much control you have over that though :-)

Yeah. I've noticed that too. I think it might be related to a delay set for non-webkit browsers on scroll. There's probably a bug that needs to be filed, but in the meantime you might be able to use CSS positioning. If you wanted to keep your Overlay centered at all time you could just use:

Code:

.yui3-overlay{
   position: fixed;
   width: 500px;
   height: 300px;
   top: 50%;
   left: 50%;
   margin: -150px 0 0 -250px;
}

swami wrote:

FYI, I am building an app which allows the user to markup a parallel xml document based on his selection on an html copy. (I have code that auto-expands the selection to a valid range). After the user selects the text he wishes to markup, he will select "markup text" from a context menu, and then a dialog box will pop up - allowing him to enter the details of the markup (i.e. attribute values etc).

For this to work the current browser selection should be preserved while the user is using the overlay dialog. (Currently - the selection is lost when the overlay is shown)

I think this might be a focus issue; when Overlays are shown they are focused (I think be default).

Re: Not working in 3.1.1 **Posted:** Thu May 20, 2010 11:33 pm +0-

I'm using the gallery overlay extra module as specified in your example. i.e

Code:

this._overlay = new Y.Overlay({ srcNode : '#markupDialogContainer', 
                                 visible : false,
                                 centered   : true,
                                 constrain   : true,
                                 render      : true,
                                 visible      : false,
                                 plugins      : [                                        
                                             { fn: Y.Plugin.WidgetAnim },
                                             { fn: Y.Plugin.OverlayModal },
                                             { fn: Y.Plugin.OverlayKeepaligned }                
                                          ]
                                  });

I'm not using the other Overlay Modal plugin http://yuilibrary.com/gallery/show/overlay-modal - since you said that this is being phased out in favor of the overlay extras.

Re: Not working in 3.1.1 **Posted:** Fri May 21, 2010 6:48 am +0-

For me to effectually help you further on the text selection issues I'd need to see a trimmed down example of where this is coming up in your app. I'm not completely clear on the issues by your description of what you're seeing w.r.t text selection; albeit a tricky thing to explain with words :-)

Re: Not working in 3.1.1 **Posted:** Thu Jun 03, 2010 2:04 am +0-

I really like this plugin. However, one thing I don't is that when you just need Modal support, the outside-events module is still required. Leading to an unnecessary download.

I would prefer to use plugins on a use-case by use-case basis, and have a combo service worry about combining them into one file

Re: Not working in 3.1.1 **Posted:** Thu Jun 03, 2010 5:26 am +0-

Marc,

The Gallery doesn't currently support sub-modules, otherwise I would have it developed it using them.

The OverlayModal plugin actually uses the gallery-outside-events. Also ouside-events is super small and contains code that I'd have to reimplement. I'm curious about your objection to it?

If you're seeing an extra HTTP request just for gallery-outside-events this is because the Loader doesn't know about gallery-overlay-extras' dependencies before-hand; Including gallery-outside-events in you're use statment or requires this won't happen.

Forums

Swami