google-code-export / wiquery

Automatically exported from code.google.com/p/wiquery
MIT License
1 stars 1 forks source link

Dialog does not work in IE 9 #184

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1.Click the button to open dialog

What is the expected output? What do you see instead?
Dialog box should display. Nothing happens instead.

What version of the product are you using? On what operating system?
wiquery 1.2.3, Internet Explorer 9, Windows 7

Please provide any additional information below.
Accordion component does not work randomly too. It sometimes work as expected, 
but sometimes, you cannot collapse or expand div's.

On FF everything works perfectly

Original issue reported on code.google.com by sast5...@gmail.com on 21 May 2011 at 12:29

GoogleCodeExporter commented 9 years ago
Wicket Ajax Debug Window logs while clicking button:

<raw>
INFO: Response parsed. Now invoking steps...

INFO: Response processed successfully.

INFO: Invoking post-call handler(s)...

INFO: refocus last focused component not needed/allowed

INFO: focus removed from confirmImportButtonb
</raw>

Original comment by sast5...@gmail.com on 21 May 2011 at 1:12

GoogleCodeExporter commented 9 years ago
Just noticed, that Dialog seems to works randomly, just like Accordion

Original comment by sast5...@gmail.com on 21 May 2011 at 1:14

GoogleCodeExporter commented 9 years ago
[deleted comment]
GoogleCodeExporter commented 9 years ago
Is this dialog working for you?

http://wiquery-plugins-demo.appspot.com/demo/?wicket:bookmarkablePage=:com.wique
ry.plugins.demo.DialogPage
(page might take a while to load)

Original comment by hielke.hoeve on 23 May 2011 at 6:36

GoogleCodeExporter commented 9 years ago
Yes, it works with IE 9 :/. Looks like I made some implementation mistakes 
somewhere in my code. Can I paste it here? It's a wicket TabbedPanel with some 
panels on each tab. One of the tab panel, contains this Accordion and dialog 
button. This is how panel template with wiquery items looks like:

<wicket:extend>
  <div wicket:id="accordion">
    <div wicket:id="container1">
      <h3><a href="#div1"><span wicket:id="container1Label" /></a></h3>
        <div id="div1">
          First accordion item
    </div>
    </div>
    <div wicket:id="container2">
      <h3><a href="#div2"><span wicket:id="container2Label" /></a></h3>
        <div id="div2">
          Second accordion item
    </div>
    </div>
  </div>
  <div wicket:id="confirmationDialog" style="display: none;">
        Confirmation dialog ...
  </div>
</wicket:extend>

each container have setRenderBodyOnly(Boolean.TRUE);

Original comment by sast5...@gmail.com on 23 May 2011 at 5:39

GoogleCodeExporter commented 9 years ago
Scenario how it start to work:

Let say, I have TabbedPanel with two tabs (TabPanel1, TabPanel2).
TabPanel1 contains button, which navigates to second tab (TabPanel2) using ajax.
[code]
... // do other stuff
parentPanel.setSelectedTab(1); // 1 means second tab
target.addComponent(parentPanel); // refresh TabbedPanel
[/code]

After navigation to second tab, Accordion appears broken, all containers are 
open, you cannot collapse or expand. Styles crashed. Dialog button does not 
work.

I click back button, which navigates to first tab using ajax
[code]
parentPanel.setSelectedTab(0); // 0 means first tab
target.addComponent(parentPanel); // refresh TabbedPanel
[/code]

After this I try to go to second tab again.

Now all wiquery items: accordion and dialog works correctly.

Original comment by sast5...@gmail.com on 23 May 2011 at 6:47

GoogleCodeExporter commented 9 years ago
Additional notification:

Everything works just fine with IE 9 : Compatibility View mode on.

Looks like IE 9 issue

Original comment by sast5...@gmail.com on 23 May 2011 at 8:09

GoogleCodeExporter commented 9 years ago
Mmm sounds like a jquery issue as we do not alter or add JS to the accordion 
files. We do have our own dialog version, but have not heard other complaints 
about this.

I can take a look at your code, but it would be best for both of us if you make 
a quickstart with the page in question.

(follow http://wicket.apache.org/start/quickstart.html and add wiquery as 
dependency in the pom.xml).

Original comment by hielke.hoeve on 24 May 2011 at 7:37

GoogleCodeExporter commented 9 years ago
I build dummy project. And it worked with all browsers!!?!

After removing some logic and components from my original code it started to 
work on IE 9 too. 

Now investigating what logic broke those wiquery components. 

I'll be back ;)

Original comment by sast5...@gmail.com on 24 May 2011 at 7:13

GoogleCodeExporter commented 9 years ago
I can not believe, but it looks like issue causer is DropDownChoice :/. Is it 
possible?
If I remove DropDownChoice component from the first tab, wiquery start to work 
in second tab :D.. what a mystic.

Original comment by sast5...@gmail.com on 24 May 2011 at 9:01

GoogleCodeExporter commented 9 years ago
It should not matter what you have added, as long as the containers you add to 
the AjaxRequestTarget have setOutputMarkupId(true) or 
setOutputMarkupPlaceholderTag(true) set.

Do you let your dropdown let wantOnSelectionChangedNotifications() return true? 
This generates a bit of JavaScript, but I cant imagine that this messes things 
up. We have an accordion with 100+ dropdowns and checkboxes, some with ajax, 
and we have no problems.

Can you upload the dummy project here? Then I can take a peek to see whats 
going on.

Original comment by hielke.hoeve on 25 May 2011 at 6:46

GoogleCodeExporter commented 9 years ago
So, it fails when DropDownChoice and FileUploadField combining.

I have noticed, that JQuery does not add attribute class="ui-accordion 
ui-widget ui-helper-reset ui-accordion-icons" on accordion div.

I have attached my dummy project.
How to reproduce:
1. Start program
2. In first screen you will see upload field and drop down choice. Select then 
and click next.
3. You will navigate to second tab.
4. There you will find accordion and button with dialog.
5. Accordion is broken, dialog is broken.

If you navigate back with "Back" button and try to go next again, everything 
works

P.S. I attach .war file to, in case if you will no be able to build the project

Original comment by sast5...@gmail.com on 26 May 2011 at 6:28

Attachments:

GoogleCodeExporter commented 9 years ago
I cannot reproduce this problem anymore, you? try using wicket 1.4.19 and 
wiquery 1.2.4.

Original comment by hielke.hoeve on 26 Oct 2011 at 8:13