[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
I had the same issues with IE 8. Autocompleter div shifts to the right. It works fine in all other browsers. -S. On Wed, Jun 24, 2009 at 9:45 AM, David Taricodtar...@gmail.com wrote: Thanks for tracking that down! On Wed, Jun 24, 2009 at 3:48 AM, BillyRayPreachersSon billyraypreachers...@gmail.com wrote: After more debugging, I finally tracked down the problem, and it looks like there's already a ticket raised with Prototype to fix this in IE8: https://prototype.lighthouseapp.com/projects/8886-prototype/tickets/618-getoffsetparent-returns-body-for-new-hidden-elements-in-ie8-final#ticket-618-9 Dan --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
After more debugging, I finally tracked down the problem, and it looks like there's already a ticket raised with Prototype to fix this in IE8: https://prototype.lighthouseapp.com/projects/8886-prototype/tickets/618-getoffsetparent-returns-body-for-new-hidden-elements-in-ie8-final#ticket-618-9 Dan --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
Thanks for tracking that down! On Wed, Jun 24, 2009 at 3:48 AM, BillyRayPreachersSon billyraypreachers...@gmail.com wrote: After more debugging, I finally tracked down the problem, and it looks like there's already a ticket raised with Prototype to fix this in IE8: https://prototype.lighthouseapp.com/projects/8886-prototype/tickets/618-getoffsetparent-returns-body-for-new-hidden-elements-in-ie8-final#ticket-618-9 Dan --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
Hi David, It's the bog-standard way of centring content using CSS - in fact, it's probably used by 99% of web developers, it's that 'standard'. Given that, surely prototype and/or scriptaculous should be able to work with this technique? Dan On Jun 21, 11:04 pm, david david.brill...@gmail.com wrote: Hi Dan, the trouble is that you use the margin: 0px auto; in #centreWrapper CSS properties. To understand, try to change width of the viewport. By removing the attribute, it's well positionned. perhaps another way to center the div ?? -- --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
Hi Dan, I'm not sure that it's a problem with scriptaculous or even prototype, but I think it's a trouble with IE (as proof, it works in all browsers, except IE). What I try to point is that if you remove this style it work as expected. What could you do now ?? perhaps try to find a way to reset this value at the level of the DIV that handle autocompleter result :)) btw, In kinow that is a standard way to center elemùent in a page, but IE doesn't like standard :(( -- david On 22 juin, 10:34, BillyRayPreachersSon billyraypreachers...@gmail.com wrote: Hi David, It's the bog-standard way of centring content using CSS - in fact, it's probably used by 99% of web developers, it's that 'standard'. Given that, surely prototype and/or scriptaculous should be able to work with this technique? Dan On Jun 21, 11:04 pm, david david.brill...@gmail.com wrote: Hi Dan, the trouble is that you use the margin: 0px auto; in #centreWrapper CSS properties. To understand, try to change width of the viewport. By removing the attribute, it's well positionned. perhaps another way to center the div ?? -- --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
Centering an element (left to right) is very easy with css
#foo {
width:200px;
margin-left:auto;
margin-right:auto;
}
div id=fooI am Centered!/div
Alex
- Original Message -
From: david david.brill...@gmail.com
To: Prototype script.aculo.us prototype-scriptaculous@googlegroups.com
Sent: Monday, June 22, 2009 11:36 AM
Subject: [Proto-Scripty] Re: Autocompleter shifts results to the right in
IE8
Hi Dan,
I'm not sure that it's a problem with scriptaculous or even prototype,
but I think it's a trouble with IE (as proof, it works in all
browsers, except IE).
What I try to point is that if you remove this style it work as
expected.
What could you do now ??
perhaps try to find a way to reset this value at the level of the DIV
that handle autocompleter result :))
btw, In kinow that is a standard way to center elemùent in a page, but
IE doesn't like standard :((
--
david
On 22 juin, 10:34, BillyRayPreachersSon
billyraypreachers...@gmail.com wrote:
Hi David,
It's the bog-standard way of centring content using CSS - in fact,
it's probably used by 99% of web developers, it's that 'standard'.
Given that, surely prototype and/or scriptaculous should be able to
work with this technique?
Dan
On Jun 21, 11:04 pm, david david.brill...@gmail.com wrote:
Hi Dan,
the trouble is that you use the margin: 0px auto; in #centreWrapper
CSS properties. To understand, try to change width of the viewport.
By removing the attribute, it's well positionned.
perhaps another way to center the div ??
--
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
Thanks for sticking with this, David... Remember that it works in IE 6 and IE 7, just not in IE 8. It also works in all other browsers which are 'standards compliant', so it's definitely an IE 8-only issue. Therefore it's probably something new that hasn't been catered for by either Prototype or scriptaculous, I'd say, and so they probably need to be updated to handle this very standard case in IE 8. Alex, I know how to centre a site - the code I posted does exactly what you've shown, so I'm not sure what you're trying to get at. Thanks, Dan --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
I'm experiencing this same problem in IE8, and like Dan, I've also tried various version of prototype including RC3. My HTML and CSS is significantly more complex than the test above and probably isn't worth posting, but I've been playing with difference CSS and so far I've been unable to find a workaround. I would vote for this to be fixed in a future release of script.aculo.us On Jun 22, 5:57 am, BillyRayPreachersSon billyraypreachers...@gmail.com wrote: Thanks for sticking with this, David... Remember that it works in IE 6 and IE 7, just not in IE 8. It also works in all other browsers which are 'standards compliant', so it's definitely an IE 8-only issue. Therefore it's probably something new that hasn't been catered for by either Prototype or scriptaculous, I'd say, and so they probably need to be updated to handle this very standard case in IE 8. Alex, I know how to centre a site - the code I posted does exactly what you've shown, so I'm not sure what you're trying to get at. Thanks, Dan --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~--~~~~--~~--~--~---
[Proto-Scripty] Re: Autocompleter shifts results to the right in IE8
Hi Dan,
the trouble is that you use the margin: 0px auto; in #centreWrapper
CSS properties. To understand, try to change width of the viewport.
By removing the attribute, it's well positionned.
perhaps another way to center the div ??
--
david
On 18 juin, 16:26, BillyRayPreachersSon
billyraypreachers...@gmail.com wrote:
I'm having difficulty in getting the drop-down portion of the
Autocompleter control to display in the correct place in IE8.
It doesn't seem to matter whether I use the Ajax or Local
autocompleter controls, so have posted the test harness here with a
Local one. This works fine under IE7 and Fx 3, but in IE8, the results
are way off to the right. If I turn IE8 into compatibility mode, all
is good, but IMHO, this is not something that I should have to do.
The amount they are off to the right depends on how wide your browser
window is, so it's something to do with the centring process. Also, if
we don't centre the site, and give the body a left-padding, the result
is also off in IE8 only.
I've tried this with the latest version of script.aculo.us (v1.8.2),
and 3 different versions of Prototype (v1.6.0.3, v1.6.1 RC2 and v1.6.1
RC3), and it's off using all of them.
Here's a test harness. It assumes you have Prototype in the same
folder as this code, called 'prototype.js', and that you have
script.aculo.us in a sub-folder called 'scriptaculous'.
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en
head
titleAutocompleter test in IE8/title
meta http-equiv=Content-Type content=text/html;charset=utf-8/
style type=text/css
html, body {
padding: 0px;
margin: 0px;
}
body {
text-align: center;
}
#centreWrapper {
width: 800px;
margin: 0px auto;
text-align: left;
background-color: #CC;
}
#itemSelectionWrapper {
position: relative;
padding: 20px;
}
#itemSelectorRow {
margin: 10px;
}
div.autocomplete {
position: absolute;
width: 250px;
background-color: #FF;
border: 1px solid #88;
margin: 0px;
padding: 0px;
}
div.autocomplete ul,
div.autocomplete li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
/style
script type=text/javascript src=prototype.js/script
script type=text/javascript src=scriptaculous/scriptaculous.js/
script
/head
body
div id=centreWrapper
div id=itemSelectionWrapper
form
fieldset
legendItem Selection/legend
div id=itemSelectorRow
labelItem/label
input type=text
name=locations id=locations value=
size=80 /
div id=locationSuggestions
class=autocomplete
style=display:none;/div
/div
/fieldset
/form
/div
/div
script type=text/javascript
new Autocompleter.Local('locations', 'locationSuggestions',
['Item
1', 'Item 2', 'Item 3'], { tokens:',', paramName:'tags' });
/script
/body
/html
The only other mention of this issue that I could find is in this
thread:http://groups.google.com/group/prototype-scriptaculous/browse_thread/...
Any ideas on a fix or workaround that doesn't involve compatibility
mode or not centring the page?
Thanks,
Dan
--~--~-~--~~~---~--~~
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to
prototype-scriptaculous+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~--~~~~--~~--~--~---
