adam/Piwigo
1
0 Fork 0
mirror of https://github.com/Piwigo/Piwigo.git synced 2026-11-03 07:22:22 +01:00
Code Issues 657 Packages Projects Releases Wiki Activity

[users & groups] [user manager] on Internet Explorer, bad position of the list #304

New Issue
Closed
opened 2026-10-04 23:51:18 +02:00 by adam · 8 comments
adam commented 2026-10-04 23:51:18 +02:00
Owner
Copy link
Copy source

Reported by plg on 16 Feb 2015 13:01

Version: 2.7.3

CSS issue, the list of users is after the menu, on the vertical scale.

Piwigo Bugtracker #3204

**Reported by plg on 16 Feb 2015 13:01** **Version:** 2.7.3 CSS issue, the list of users is after the menu, on the vertical scale. [Piwigo Bugtracker #3204](http://piwigo.org/bugs/view.php?id=3204) <!-- github-sync-id:97227070 -->
adam closed this issue 2026-10-04 23:51:18 +02:00
adam commented 2026-10-04 23:51:19 +02:00
Author
Owner
Copy link
Copy source

Comment posted by plg on 16 Feb 2015 13:19

Whatever I try, I always encounter the problem one way or another. Only with Internet Explorer.

Maybe an update of Datatables (to version 1.10) for Piwigo 2.8 will fix the problem !

With a redesign of the list (remove some columns), new filter system, the problem could also be fixed.

I change the target version to 2.8

**Comment posted by plg on 16 Feb 2015 13:19** Whatever I try, I always encounter the problem one way or another. Only with Internet Explorer. Maybe an update of Datatables (to version 1.10) for Piwigo 2.8 will fix the problem ! With a redesign of the list (remove some columns), new filter system, the problem could also be fixed. I change the target version to 2.8 <!-- github-comment-id:124899173 -->
adam commented 2026-10-04 23:51:20 +02:00
Author
Owner
Copy link
Copy source

Comment posted by plg on 16 Feb 2015 13:48

"bAutoWidth":false is also a good option to use.

**Comment posted by plg on 16 Feb 2015 13:48** &quot;bAutoWidth&quot;:false is also a good option to use. <!-- github-comment-id:124899185 -->
adam commented 2026-10-04 23:51:20 +02:00
Author
Owner
Copy link
Copy source

I change to 2.9 because I haven't implemented all changes I wanted for 2.8. In Piwigo 2.9 we will have a whole new version of Datatables https://github.com/Piwigo/Piwigo/issues/378

I change to 2.9 because I haven't implemented all changes I wanted for 2.8. In Piwigo 2.9 we will have a whole new version of Datatables https://github.com/Piwigo/Piwigo/issues/378 <!-- github-comment-id:183683793 -->
adam commented 2026-10-04 23:51:21 +02:00
Author
Owner
Copy link
Copy source

I've checkd on latest master ea7e6d76e6 and the problem still occur on Internet Explorer :-/

@tkuther I think you're better than me on CSS, can you take a look at this issue?

I've checkd on latest master ea7e6d76e6cbd37a80892a9eda00d5eba6a5f977 and the problem still occur on Internet Explorer :-/ @tkuther I think you're better than me on CSS, can you take a look at this issue? <!-- github-comment-id:283639581 -->
adam commented 2026-10-04 23:51:22 +02:00
Author
Owner
Copy link
Copy source

The issue is that the dataTables table has an explicit style="width: 1686px" attribute in the DOM`, no matter what viewport size the browser window actually has.

IE messes up the rendering then as soon as the browser window is smaller than the table width. Works OK if it's larger (e.g. 1920px).

Adding something like this helps (maybe using jQuery

.dataTables_wrapper {
  -ms-overflow-y: scroll;
}

I don't know dataTables. How does it calculate the table width?

The issue is that the dataTables table has an explicit `style="width: 1686px"` attribute in the DOM`, no matter what viewport size the browser window actually has. IE messes up the rendering then as soon as the browser window is smaller than the table width. Works OK if it's larger (e.g. 1920px). Adding something like this helps (maybe using jQuery ``` .dataTables_wrapper { -ms-overflow-y: scroll; } ``` I don't know dataTables. How does it calculate the table width? <!-- github-comment-id:283675527 -->
adam commented 2026-10-04 23:51:23 +02:00
Author
Owner
Copy link
Copy source

You've pushed in the right direction :-) I don't how how dataTables calculates the width but I disabled autoWidth and it seems much better now. What do you think?

You've pushed in the right direction :-) I don't how how dataTables calculates the width but I disabled autoWidth and it seems much better now. What do you think? <!-- github-comment-id:283686259 -->
adam commented 2026-10-04 23:51:23 +02:00
Author
Owner
Copy link
Copy source

Maybe use flexible width instead, by adding width="100%" to the raw table.
See also https://datatables.net/examples/basic_init/flexible_width.html -> HTML

I guess autoWidth is unneeded then, too, because all it does is add style="width: 100%", but doesn't hurt either.

That makes IE happy, too.

Maybe use flexible width instead, by adding `width="100%"` to the raw table. See also https://datatables.net/examples/basic_init/flexible_width.html -> HTML I guess autoWidth is unneeded then, too, because all it does is add style="width: 100%", but doesn't hurt either. That makes IE happy, too. <!-- github-comment-id:283687913 -->
adam commented 2026-10-04 23:51:24 +02:00
Author
Owner
Copy link
Copy source

Uhm, nevermind my last comment, because your change behaves exactly the same already :)

Uhm, nevermind my last comment, because your change behaves exactly the same already :) <!-- github-comment-id:283690749 -->
Sign in to join this conversation.
No Branch/Tag Specified
Labels
No items
No labels
Milestone
No items
No Milestone
Projects
Clear projects
No projects
Assignees
Clear assignees
adam (Adam Wojcieszonek)
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/Piwigo#304