Problem with Optica website

For support with specific websites

Moderator: trava90

Forum rules
Please always mention the name/domain of the website in question in your topic title.
Please one website per topic thread (to help keep things organized). While behavior on different sites might at first glance seem similar, they are not necessarily caused by the same.

Please try to include any relevant output from the Toolkit Error Console or the Developer Tools Web Console using the following procedure:
  1. Clear any current output
  2. Navigate or refresh the page in question
  3. Copy and paste Errors or seemingly relevant Warnings into a single [ code ] block.
unknownone
Moonbather
Moonbather
Posts: 52
Joined: 2017-03-29, 00:15

Problem with Optica website

Unread post by unknownone » 2023-11-10, 14:22

Dear all,
since few months, I'm having text visualization issues on the Optica websites, an example here https://opg.optica.org/oe/fulltext.cfm?uri=oe-31-23-39222&id=541404 . basically the text that should appear in the central white area is reflown on the right side. Here two screenshots

Image
Image

I'm running Win 10 Palemoon 32.5.0 64 bit.

Is this something that can be fixed?
Thank you

Here is the error console output:

Code: Select all

Timestamp: 10/11/2023 15:13:40
Warning: This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!
Source File: https://opg.optica.org/oe/fulltext.cfm?uri=oe-31-23-39222&id=541404
Line: 0

Code: Select all

Timestamp: 10/11/2023 15:13:41
Warning: Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user’s experience. For more help http://xhr.spec.whatwg.org/
Source File: https://code.jquery.com/jquery-3.7.1.js
Line: 9828

Code: Select all

Timestamp: 10/11/2023 15:13:42
Error: downloadable font: download failed (font-family: "MathJax_Blank" style:normal weight:normal stretch:normal src index:0): bad URI or cross-site access not allowed source: about:blank
Source File: https://opg.optica.org/oe/fulltext.cfm?uri=oe-31-23-39222&id=541404
Line: 24, Column: 12
Source Code:
@font-face {   font-family: "MathJax_Blank";   src: url("about:blank"); }

User avatar
Moonchild
Pale Moon guru
Pale Moon guru
Posts: 35651
Joined: 2011-08-28, 17:27
Location: Motala, SE

Re: Problem with Optica website

Unread post by Moonchild » 2023-11-10, 14:53

The layout's a mess. they're mixing flex, float, table-flex, etc all in a single layout.
The most problematic thing seems to be that they have a float: on the top portion (with navigation) that will mess up the layout context.

They really need to redo the design there, and just pick one way to lay out their design, be it grid, flex, floats or a bog-standard table, and not just toss everything and the kitchen sink in and pray it works.
"Sometimes, the best way to get what you want is to be a good person." -- Louis Rossmann
"Seek wisdom, not knowledge. Knowledge is of the past; wisdom is of the future." -- Native American proverb
"Linux makes everything difficult." -- Lyceus Anubite

vannilla
Moon Magic practitioner
Moon Magic practitioner
Posts: 2194
Joined: 2018-05-05, 13:29

Re: Problem with Optica website

Unread post by vannilla » 2023-11-11, 00:07

Off-topic:
From experience (*cough*) I noticed that these messy layouts are usually caused by not understanding layout at all while trying to set up "cool" effects, so I don't have much hope in seeing it rewritten or redesigned.