Project

General

Profile

Actions
Copy link

Bug #39558

closed

reqImg CSS blocks radio button selection

Added by Xavier Perseguers over 11 years ago. Updated over 10 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
FormEngine aka TCEforms
Target version:
-
Start date:
2012-08-06
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
4.6
PHP Version:
5.3
Tags:
Complexity:
Is Regression:
No
Sprint Focus:

Description

Class img.t3-TCEforms-reqImg may prevent the user from selecting a radio button by clicking on the radio icon itself.

See screenshot for a visual overlay of where this class is put in a form (I just added a red background to the class to make it visible)

User currently MUST click on the associated label (or at the very bottom left of the radio button) to select it.

Has been tested in all standard browsers where this behaviour has been reproduced.

Files

reqImage.png (70.6 KB) reqImage.png Xavier Perseguers, 2012-08-06 18:50

Related issues 1 (0 open — 1 closed)

Is duplicate of TYPO3 Core - Bug #34042: Invisible required-icon blocks mousefocus of non-required inputfieldsClosed2012-02-17

Actions
Actions
Copy link
 #2

Updated by Xavier Perseguers over 11 years ago

Example of TCA to reproduce the fields:

'family_climbing' => array(
    'exclude' => 0,
    'label' => 'Family Climbing',
    'l10n_mode' => 'exclude',
    'config' => array(
        'type' => 'radio',
        'items' => array(
            array('Yes', '0'),
            array('No', '1'),
            array('Unknown', '2'),
        ),
        'default' => 2,
    )
),
Actions
Copy link
 #3

Updated by Jigal van Hemert over 11 years ago

Only solution I see is to make an tiny of 4-7 pixels wide (the room of the red triangle) and position it in front of the title.

Actions
Copy link
 #4

Updated by Ernesto Bricca over 11 years ago

radio middle button overlay also happens in typo3 v4.5

Actions
Copy link
 #5

Updated by Xavier Perseguers over 11 years ago

Temporarily fixed (hack) within a custom extension:

ext_tables.php

// Register our custom CSS
$GLOBALS['TBE_STYLES']['skins'][$_EXTKEY]['stylesheetDirectories']['structure'] = 'EXT:' . $_EXTKEY . '/Resources/Public/Css/structure/';

Resources/Public/Css/Structure/main_content.css

/* Temporary hack for http://forge.typo3.org/issues/39558 */
.checkbox, .radio, .checkbox:hover {
    margin-left: 30px;
}

Actions
Copy link
 #6

Updated by Wouter Wolters almost 11 years ago

  • Status changed from New to Needs Feedback

This report looks the same to #34042 which has been merged to 6.0 and higher. Is this correct?

Actions
Copy link
 #7

Updated by Alexander Opitz over 10 years ago

Yes, seems same issue. Christian Kuhn wrotes there: "Issue is not critical enough for 4.7 & 4.5, will not be merged there." The used solution there creepy. :-/

Actions
Copy link
 #8

Updated by Alexander Opitz over 10 years ago

  • Status changed from Needs Feedback to Closed
  • Is Regression set to No

No feedback within the last 90 days => closing this ticket.

If you think that this is the wrong decision or experience this issue again, then please write to the mailing list typo3.teams.bugs with issue number and an explanation or open a new ticket and add a relation to this ticket number.

Actions
Copy link

Also available in: Atom PDF